:root{--bg-void: #010208;--bg-base: #060B14;--bg-surface: #0B1221;--bg-elevated: #111827;--bg-overlay: #172033;--p-200: #C7D2FE;--p-300: #A5B4FC;--p-400: #818CF8;--p-500: #6366F1;--p-600: #4F46E5;--p-700: #3730A3;--p-glow: rgba(99, 102, 241, .3);--a-300: #67E8F9;--a-400: #22D3EE;--a-500: #06B6D4;--a-600: #0891B2;--a-glow: rgba(6, 182, 212, .25);--violet: #A855F7;--violet-g: rgba(168,85,247,.25);--magenta: #D946EF;--rose: #F43F5E;--amber: #F59E0B;--emerald: #10B981;--success: #10B981;--success-muted: rgba(16, 185, 129, .12);--success-glow: rgba(16, 185, 129, .3);--warning: #F59E0B;--warning-muted: rgba(245, 158, 11, .12);--error: #EF4444;--error-muted: rgba(239, 68, 68, .12);--error-glow: rgba(239, 68, 68, .3);--info: #3B82F6;--info-muted: rgba(59, 130, 246, .12);--t-primary: #F1F5F9;--t-secondary: #94A3B8;--t-tertiary: #475569;--t-disabled: #2D3B52;--t-code: #E2E8F0;--border-subtle: rgba(99, 102, 241, .06);--border-default: rgba(99, 102, 241, .14);--border-strong: rgba(99, 102, 241, .28);--border-active: rgba(99, 102, 241, .6);--border-glow: rgba(99, 102, 241, .8);--grad-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #D946EF 100%);--grad-cyan: linear-gradient(135deg, #06B6D4 0%, #22D3EE 100%);--grad-success: linear-gradient(135deg, #059669 0%, #10B981 100%);--grad-error: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);--grad-text: linear-gradient(90deg, #818CF8 0%, #C084FC 50%, #F472B6 100%);--grad-aurora: linear-gradient(135deg, #6366F1, #8B5CF6, #06B6D4, #10B981);--grad-hero: linear-gradient(160deg, #6366F1 0%, #A855F7 40%, #D946EF 70%, #F43F5E 100%);--grad-card: linear-gradient(145deg, rgba(99,102,241,.04) 0%, rgba(168,85,247,.04) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 20px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 36px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .8);--shadow-glow: 0 0 28px rgba(99, 102, 241, .3);--shadow-cyan: 0 0 28px rgba(6, 182, 212, .3);--shadow-card: 0 4px 24px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.04) inset;--shadow-3d: 0 20px 60px rgba(0,0,0,.8), 0 0 0 1px rgba(99,102,241,.15), 0 0 60px rgba(99,102,241,.08);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-2xl: 32px;--r-full: 9999px;--navbar-height: 68px;--max-w-content: 1320px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-snappy: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-void);color:var(--t-primary);font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100dvh;overflow-x:hidden}img,video,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:1.2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--p-500)}::selection{background:#6366f159;color:var(--t-primary)}.page-wrapper{padding-top:var(--navbar-height);position:relative;z-index:1;min-height:100dvh}.text-hero{font-family:Syne,sans-serif;font-size:clamp(48px,8vw,88px);font-weight:900;letter-spacing:-4px;line-height:1}.text-display{font-family:Syne,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:800;letter-spacing:-2px;line-height:1.1}.text-h1{font-family:Syne,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-1px;line-height:1.2}.text-h2{font-family:Syne,sans-serif;font-size:clamp(20px,2.5vw,28px);font-weight:700;line-height:1.3}.text-h3{font-family:DM Sans,sans-serif;font-size:20px;font-weight:600}.text-body{font-family:DM Sans,sans-serif;font-size:16px;line-height:1.7}.text-sm{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}.text-xs{font-family:DM Sans,sans-serif;font-size:12px}.text-mono{font-family:JetBrains Mono,monospace}.text-primary{color:var(--t-primary)}.text-secondary{color:var(--t-secondary)}.text-tertiary{color:var(--t-tertiary)}.text-gradient-static{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes rotateIn3D{0%{opacity:0;transform:perspective(1000px) rotateX(25deg) translateY(40px) scale(.95)}to{opacity:1;transform:perspective(1000px) rotateX(0) translateY(0) scale(1)}}@keyframes float3D{0%,to{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(0)}33%{transform:perspective(800px) rotateX(-1deg) rotateY(3deg) translateY(-8px)}66%{transform:perspective(800px) rotateX(3deg) rotateY(-1deg) translateY(-4px)}}@keyframes tiltFloat{0%,to{transform:rotateX(4deg) rotateY(-4deg) translateY(0)}50%{transform:rotateX(-2deg) rotateY(4deg) translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #6366f14d,0 0 #6366f100}50%{box-shadow:0 0 24px #6366f1b3,0 0 48px #6366f133}}@keyframes neon-pulse{0%,to{text-shadow:0 0 8px rgba(99,102,241,.6),0 0 20px rgba(99,102,241,.3)}50%{text-shadow:0 0 16px rgb(99,102,241),0 0 40px rgba(168,85,247,.5),0 0 80px rgba(99,102,241,.2)}}@keyframes aurora-drift{0%{transform:translate(-10%,-10%) scale(1) rotate(0);opacity:.06}33%{transform:translate(5%,-5%) scale(1.15) rotate(60deg);opacity:.1}66%{transform:translate(-5%,15%) scale(.9) rotate(120deg);opacity:.07}to{transform:translate(-10%,-10%) scale(1) rotate(0);opacity:.06}}@keyframes border-glow-rotate{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes shimmer{0%{background-position:-400% center}to{background-position:400% center}}@keyframes gradient-sweep{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress-fill{0%{width:0%}}@keyframes scan-line{0%{transform:translateY(-100%);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(400%);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes typewriter-cursor{0%,to{border-right-color:var(--p-400)}50%{border-right-color:transparent}}@keyframes particle-rise{0%{transform:translateY(0) translate(0) scale(1);opacity:.8}to{transform:translateY(-120px) translate(var(--tx, 20px)) scale(0);opacity:0}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes count-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.anim-fade-up{animation:fadeUp .6s var(--ease-spring) both}.anim-fade-in{animation:fadeIn .5s ease both}.anim-scale-in{animation:scaleIn .5s var(--ease-spring) both}.anim-slide-left{animation:slideLeft .5s var(--ease-spring) both}.anim-rotate-3d{animation:rotateIn3D .7s var(--ease-spring) both}.anim-delay-1{animation-delay:80ms}.anim-delay-2{animation-delay:.16s}.anim-delay-3{animation-delay:.24s}.anim-delay-4{animation-delay:.32s}.anim-delay-5{animation-delay:.4s}.anim-delay-6{animation-delay:.48s}.anim-delay-7{animation-delay:.56s}.anim-delay-8{animation-delay:.64s}.anim-delay-9{animation-delay:.72s}.anim-delay-10{animation-delay:.8s}.anim-delay-11{animation-delay:.88s}.anim-delay-12{animation-delay:.96s}.anim-delay-13{animation-delay:1.04s}.anim-delay-14{animation-delay:1.12s}.anim-delay-15{animation-delay:1.2s}.anim-delay-16{animation-delay:1.28s}.anim-delay-17{animation-delay:1.36s}.anim-delay-18{animation-delay:1.44s}.anim-delay-19{animation-delay:1.52s}.anim-delay-20{animation-delay:1.6s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:DM Sans,sans-serif;font-weight:600;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .25s var(--ease-snappy);flex-shrink:0;position:relative;overflow:hidden;letter-spacing:.01em}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 60%,transparent 80%);transform:translate(-100%);transition:transform .4s ease}.btn:hover:after{transform:translate(100%)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--sm{font-size:13px;padding:8px 16px;height:36px;border-radius:var(--r-sm)}.btn--md{font-size:14px;padding:10px 20px;height:42px}.btn--lg{font-size:15px;padding:15px 32px;height:54px;border-radius:var(--r-lg)}.btn--xl{font-size:16px;padding:18px 40px;height:62px;border-radius:var(--r-lg);letter-spacing:.02em}.btn--primary{background:var(--grad-primary);background-size:200% auto;color:#fff;box-shadow:0 0 20px #6366f140,0 4px 12px #00000080;animation:none;transition:box-shadow .3s,transform .2s,background-position .4s}.btn--primary:hover:not(:disabled){background-position:right center;box-shadow:0 0 40px #6366f180,0 0 80px #a855f733,0 4px 20px #0009;transform:translateY(-2px)}.btn--primary:active{transform:scale(.97)}.btn--ghost{background:#ffffff0a;color:var(--t-secondary);border-color:var(--border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover:not(:disabled){color:var(--t-primary);border-color:var(--border-strong);background:#ffffff12;transform:translateY(-1px)}.btn--success{background:var(--grad-success);color:#fff;box-shadow:0 0 20px #10b98140}.btn--success:hover:not(:disabled){box-shadow:0 0 40px #10b98173;transform:translateY(-2px)}.btn--danger{background:var(--grad-error);color:#fff;box-shadow:0 0 20px #ef444440}.btn--danger:hover:not(:disabled){box-shadow:0 0 40px #ef444473;transform:translateY(-2px)}.btn--cyan{background:var(--grad-cyan);color:#000;font-weight:700;box-shadow:0 0 20px #06b6d44d}.btn--cyan:hover:not(:disabled){box-shadow:0 0 40px #06b6d480;transform:translateY(-2px)}.btn--icon{padding:0;width:36px;height:36px;border-radius:var(--r-md)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin-orbit .7s linear infinite;flex-shrink:0}.spinner--lg{width:40px;height:40px;border-width:3px}.spinner--sm{width:12px;height:12px}.text-gradient{background:var(--grad-text);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:shimmer 4s linear infinite}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.status-badge--accepted{color:var(--success);background:var(--success-muted);border:1px solid rgba(16,185,129,.25)}.status-badge--wrong{color:var(--error);background:var(--error-muted);border:1px solid rgba(239,68,68,.25)}.status-badge--running{color:var(--info);background:var(--info-muted);border:1px solid rgba(59,130,246,.25)}.status-badge--warning,.status-badge--tle{color:var(--warning);background:var(--warning-muted);border:1px solid rgba(245,158,11,.25)}.status-badge--runtime,.status-badge--compile{color:var(--error);background:var(--error-muted);border:1px solid rgba(239,68,68,.25)}.lang-chip{padding:3px 9px;border-radius:var(--r-sm);font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace;text-transform:uppercase;flex-shrink:0;letter-spacing:.04em}.lang-chip--java{color:#fb923c;background:#fb923c1f;border:1px solid rgba(251,146,60,.2)}.lang-chip--python{color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.2)}.lang-chip--javascript{color:var(--a-400);background:#22d3ee1f;border:1px solid rgba(34,211,238,.2)}.lang-chip--typescript{color:#60a5fa;background:#60a5fa1f;border:1px solid rgba(96,165,250,.2)}.lang-chip--cpp{color:var(--p-400);background:#818cf81f;border:1px solid rgba(129,140,248,.2)}.lang-chip--go{color:var(--a-300);background:#67e8f91f;border:1px solid rgba(103,232,249,.2)}.diff-badge{display:inline-flex;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.diff-badge--easy{color:var(--success);background:var(--success-muted);border:1px solid rgba(16,185,129,.2)}.diff-badge--medium{color:var(--warning);background:var(--warning-muted);border:1px solid rgba(245,158,11,.2)}.diff-badge--hard{color:var(--error);background:var(--error-muted);border:1px solid rgba(239,68,68,.2)}.glass-card{background:#0b1221d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-default);border-radius:var(--r-xl);box-shadow:var(--shadow-card);transition:border-color .3s ease,box-shadow .3s ease,transform .3s var(--ease-spring)}.glass-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-3d);transform:translateY(-2px)}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-group label{font-size:13px;font-weight:600;color:var(--t-secondary);letter-spacing:.02em}.form-input{width:100%;height:48px;padding:0 var(--sp-4);background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--t-primary);font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.form-input::placeholder{color:var(--t-tertiary)}.form-input:focus{outline:none;border-color:var(--p-500);box-shadow:0 0 0 3px #6366f126,0 0 16px #6366f11a;background:#6366f10a}.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px #ef444426}.form-error{font-size:12px;color:var(--error);display:flex;align-items:center;gap:4px}.tag{display:inline-flex;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:600;letter-spacing:.04em;background:#6366f11a;color:var(--p-300);border:1px solid rgba(99,102,241,.2);transition:background .2s,border-color .2s}.tag:hover{background:#6366f12e;border-color:#6366f166}.section-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 14px;border-radius:var(--r-full);border:1px solid var(--border-default);background:#0b1221b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--t-secondary);text-transform:uppercase;margin-bottom:var(--sp-6)}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--warning);box-shadow:0 0 8px var(--warning);animation:pulse-glow 2s ease infinite}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--t-primary);font-size:12px;padding:6px 10px;border-radius:var(--r-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}[data-tooltip]:hover:before{opacity:1}.aurora-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.aurora-bg__orb{position:absolute;border-radius:50%;filter:blur(100px)}.aurora-bg__orb--1{width:1000px;height:1000px;background:radial-gradient(circle,var(--p-500),transparent 70%);top:-300px;left:-300px;opacity:.07;animation:aurora-drift 20s ease-in-out infinite}.aurora-bg__orb--2{width:800px;height:800px;background:radial-gradient(circle,var(--violet),transparent 70%);bottom:-200px;right:-200px;opacity:.07;animation:aurora-drift 25s ease-in-out infinite reverse}.aurora-bg__orb--3{width:600px;height:600px;background:radial-gradient(circle,var(--a-500),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);opacity:.05;animation:aurora-drift 18s ease-in-out infinite 5s}.aurora-bg__orb--4{width:400px;height:400px;background:radial-gradient(circle,var(--magenta),transparent 70%);top:60%;left:20%;opacity:.04;animation:aurora-drift 22s ease-in-out infinite 8s reverse}