@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--black:#080808;--surface-0:#0e0e0e;--surface-1:#161616;--surface-2:#202020;--surface-3:#2c2c2c;--border:#ffffff0f;--border-mid:#ffffff1a;--border-strong:#ffffff2e;--text-1:#f2f2f2;--text-2:#888;--text-3:#444;--blue:#3d7cf6;--blue-dim:#3d7cf61f;--blue-mid:#3d7cf638;--blue-light:#93c5fd;--lime:#c2ff4d;--lime-dim:#c2ff4d1a;--lime-mid:#c2ff4d33;--sky:#a8d8ff;--sky-dim:#a8d8ff1a;--r-sm:2px;--r-md:4px;--r-lg:8px;--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}.bg-orb{filter:blur(90px);pointer-events:none;z-index:0;will-change:transform;border-radius:50%;position:fixed}.bg-orb-1{background:radial-gradient(circle,#3d7cf621 0%,#0000 68%);width:700px;height:700px;animation:18s ease-in-out infinite alternate orbDrift1;top:-180px;left:-120px}.bg-orb-2{background:radial-gradient(circle,#c2ff4d12 0%,#0000 65%);width:550px;height:550px;animation:22s ease-in-out infinite alternate orbDrift2;bottom:-100px;right:-80px}.bg-orb-3{background:radial-gradient(circle,#a8d8ff14 0%,#0000 65%);width:450px;height:450px;animation:28s ease-in-out infinite alternate orbDrift3;top:42%;left:38%;transform:translate(-50%,-50%)}.bg-orb-4{background:radial-gradient(circle,#3d7cf617 0%,#0000 60%);width:350px;height:350px;animation:15s ease-in-out infinite alternate orbDrift4;top:60%;left:10%}@keyframes orbDrift1{0%{transform:translate(0)scale(1)}25%{transform:translate(80px,30px)scale(1.05)}50%{transform:translate(40px,80px)scale(.96)}75%{transform:translate(-30px,50px)scale(1.08)}to{transform:translate(60px,-20px)scale(1.02)}}@keyframes orbDrift2{0%{transform:translate(0)scale(1)}33%{transform:translate(-70px,50px)scale(1.06)}66%{transform:translate(-40px,-60px)scale(.94)}to{transform:translate(50px,-30px)scale(1.04)}}@keyframes orbDrift3{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(calc(90px - 50%),calc(60px - 50%))scale(1.1)}to{transform:translate(calc(-50% - 60px),calc(30px - 50%))scale(.92)}}@keyframes orbDrift4{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,-70px)scale(1.08)}to{transform:translate(-40px,50px)scale(.95)}}.bg-grid{pointer-events:none;z-index:0;opacity:.4;background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-size:48px 48px;animation:6s ease-in-out infinite alternate gridFade;position:fixed;inset:0}@keyframes gridFade{0%{opacity:.3}to{opacity:.55}}body:before{content:"";pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;position:fixed;inset:0}.page-content{z-index:1;position:relative}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--black);color:var(--text-1);font-family:var(--font-body);font-size:15px;line-height:1.6;overflow-x:hidden}.d1{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(64px,10vw,130px);font-weight:800;line-height:.92}.d2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(40px,7vw,88px);font-weight:800;line-height:.94}.d3{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1}.d4{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(18px,2.5vw,32px);font-weight:700;line-height:1.1}.h5{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:600}.body-lg{color:var(--text-2);font-size:17px;line-height:1.7}.body-md{color:var(--text-2);font-size:14px;line-height:1.65}.body-sm{color:var(--text-2);font-size:13px;line-height:1.6}.label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:500}.mono{font-family:var(--font-mono);color:var(--text-2);font-size:12px}.grad-blue{background:linear-gradient(135deg, var(--blue), var(--sky));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1280px;margin:0 auto;padding:0 40px}@media (max-width:768px){.container{padding:0 20px}}.btn{font-family:var(--font-body);letter-spacing:.02em;border:1px solid var(--border-mid);background:var(--surface-2);color:var(--text-1);cursor:pointer;white-space:nowrap;border-radius:var(--r-sm);align-items:center;gap:8px;padding:13px 24px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.btn-primary:hover{background:#2d6be6;border-color:#2d6be6;transform:translateY(-1px);box-shadow:0 8px 32px #3d7cf64d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-lime{background:var(--lime);border-color:var(--lime);color:#111;font-weight:700}.btn-lime:hover{background:#d4ff6a;transform:translateY(-1px);box-shadow:0 8px 32px #c2ff4d40}.btn-ghost{border-color:var(--border-mid);color:var(--text-2);background:0 0}.btn-ghost:hover{border-color:var(--border-strong);color:var(--text-1);background:var(--surface-1)}.field{background:var(--surface-1);border:1px solid var(--border-mid);border-radius:var(--r-sm);width:100%;color:var(--text-1);font-family:var(--font-body);resize:none;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.field::placeholder{color:var(--text-3)}.field:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}textarea.field{line-height:1.6}.badge{border:1px solid var(--border-mid);background:var(--surface-1);color:var(--text-2);letter-spacing:.04em;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:11px;font-weight:500;display:inline-flex}.badge-blue{border-color:var(--blue-mid);background:var(--blue-dim);color:var(--blue-light)}.badge-lime{border-color:var(--lime-mid);background:var(--lime-dim);color:#a8de30}.badge-sky{background:var(--sky-dim);color:var(--sky);border-color:#a8d8ff38}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);padding:24px}.card:hover{border-color:var(--border-mid)}.score-track{background:var(--surface-3);border-radius:1px;flex:1;height:2px;overflow:hidden}.score-fill{background:var(--blue);border-radius:1px;height:100%;transition:width 1s cubic-bezier(.25,.8,.25,1)}.accent-left-blue{border-left:2px solid var(--blue)}.accent-left-lime{border-left:2px solid var(--lime)}.accent-left-sky{border-left:2px solid var(--sky)}.sec-num{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.08em;margin-bottom:24px;font-size:10px;display:block}.chip{border:1px solid var(--border-mid);color:var(--text-2);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--text-1)}.chip.active{border-color:var(--lime);background:var(--lime-dim);color:var(--lime)}.term-window{background:var(--surface-0);border:1px solid var(--border-mid);border-radius:var(--r-md);overflow:hidden}.term-bar{background:var(--surface-1);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 14px;display:flex}.term-dot{border-radius:50%;width:9px;height:9px}.term-dot-r{background:#ff5f57}.term-dot-y{background:#febc2e}.term-dot-g{background:#28c840}.term-body{font-family:var(--font-mono);padding:20px;font-size:12px;line-height:1.9}.term-dim{color:var(--text-3)}.term-key{color:var(--sky)}.term-val{color:var(--lime)}.term-run{color:var(--blue-light)}.term-done{color:#4ade80}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glowPulse{0%,to{box-shadow:0 0 #3d7cf600}50%{box-shadow:0 0 24px 4px #3d7cf62e}}.anim-fade-up{animation:.5s both fadeUp}.anim-fade-up-1{animation:.5s .1s both fadeUp}.anim-fade-up-2{animation:.5s .2s both fadeUp}.anim-fade-up-3{animation:.5s .3s both fadeUp}.anim-fade-up-4{animation:.5s .4s both fadeUp}.anim-fade-up-5{animation:.5s .5s both fadeUp}.anim-fade-in{animation:.4s both fadeIn}.spinner{border:2px solid var(--border-mid);border-top-color:var(--blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.rule{border:none;border-top:1px solid var(--border)}.rank-num{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.05em;min-width:20px;font-size:9px}.prose{color:var(--text-2);white-space:pre-wrap;font-size:13px;line-height:1.8;font-family:var(--font-mono)}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#08080880;align-items:center;height:60px;display:flex;position:fixed;top:0;left:0;right:0}.tab-btn{color:var(--text-3);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:14px 20px;font-size:12px;font-weight:500;transition:all .15s}.tab-btn:hover{color:var(--text-2)}.tab-btn.active{color:var(--blue-light);border-bottom-color:var(--blue)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::selection{background:var(--blue-mid);color:var(--text-1)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-sm)}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.step-item{cursor:default;border-left:2px solid #0000;align-items:center;gap:12px;padding:10px 16px;transition:all .15s;display:flex}.step-item.done{border-left-color:var(--blue)}.step-item.active{border-left-color:var(--lime);background:var(--lime-dim)}.step-item.active .step-label{color:var(--text-1);font-weight:600}.step-dot{background:var(--surface-3);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s}.step-item.done .step-dot{background:var(--blue)}.step-item.active .step-dot{background:var(--lime);animation:1.5s infinite pulse}.step-label{color:var(--text-3);font-size:12px;font-weight:400;transition:color .15s}.step-item.done .step-label{color:var(--text-2)}.ring-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}:root{--color-app-bg:var(--black);--color-surface-0:var(--surface-0);--color-surface-1:var(--surface-1);--color-surface-2:var(--surface-2);--color-border-default:var(--border);--color-text-primary:var(--text-1);--color-text-secondary:var(--text-2);--color-text-tertiary:var(--text-3);--color-accent-500:var(--blue);--color-accent-400:var(--blue-light);--color-accent-300:var(--sky);--color-accent-200:var(--sky);--color-info:var(--sky);--color-success:var(--lime);--color-warning:#f59e0b;--color-error:#ef4444}