:root{--ground:#0a0a0b;--surface:#131315;--surface-2:#1a1a1d;--surface-3:#232327;--text:#f2efea;--text-dim:#a6a099;--muted:#5f5a55;--border:#232120;--border-hi:#35312d;--green:#10b981;--green-soft:#34d399;--green-dim:#10b9811a;--green-glow:#10b98147;--draft:#ff6b35;--draft-bg:#ff6b3512;--draft-ring:#ff6b3547;--crit:#f5a623;--crit-bg:#f5a62312;--crit-ring:#f5a62347;--final:var(--green);--final-bg:#10b98112;--final-ring:#10b98147;--danger:#ef4444;--danger-bg:#ef444414;--r-sm:8px;--r:12px;--r-lg:18px;--r-xl:24px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.6;overflow-x:hidden}::selection{background:var(--green-glow);color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}button,input,select,textarea{font-family:inherit}a{color:inherit}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes drift-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,80px)scale(1.08)}66%{transform:translate(-40px,40px)scale(.95)}}@keyframes drift-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-80px,-60px)scale(1.1)}66%{transform:translate(40px,-30px)scale(.92)}}@keyframes drift-3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.3)}}@keyframes gradient-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pip-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--green-glow)}50%{opacity:.45;box-shadow:0 0 0 5px #0000}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes bounce-y{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(30px)}.reveal.in{opacity:1;transform:none}.stagger>*{opacity:0;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out);transform:translateY(22px)}.stagger.in>*{opacity:1;transform:none}.stagger.in>:first-child{transition-delay:50ms}.stagger.in>:nth-child(2){transition-delay:.13s}.stagger.in>:nth-child(3){transition-delay:.21s}.stagger.in>:nth-child(4){transition-delay:.29s}.stagger.in>:nth-child(5){transition-delay:.37s}.stagger.in>:nth-child(6){transition-delay:.45s}.stagger.in>:nth-child(7){transition-delay:.53s}.stagger.in>:nth-child(8){transition-delay:.61s}.mono-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:10px}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--green);align-items:center;gap:10px;margin-bottom:14px;font-size:10px;display:flex}.section-label:before{content:"";background:var(--green-glow);width:22px;height:1px}.section-title{letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(27px,4vw,46px);font-weight:800;line-height:1.12}.section-sub{color:var(--text-dim);max-width:540px;font-size:16px;line-height:1.7}.grad{background:linear-gradient(120deg,#10b981,#6ee7b7 40%,#a7f3d0 60%,#10b981) 0 0/220%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite gradient-pan}.btn-primary{background:linear-gradient(180deg, var(--green-soft), var(--green));color:#04120c;border-radius:var(--r);cursor:pointer;box-shadow:0 0 0 1px #10b98166, 0 8px 24px -8px var(--green-glow);transition:transform .2s var(--ease-spring), box-shadow .25s;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";transition:transform .6s var(--ease-out);background:linear-gradient(105deg,#0000 40%,#ffffff59 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover{box-shadow:0 0 0 1px #10b98180, 0 14px 34px -8px var(--green-glow);transform:translateY(-2px)}.btn-primary:hover:after{transform:translate(120%)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.45;cursor:default;transform:none}.btn-primary svg{transition:transform .2s var(--ease-out)}.btn-primary:hover svg{transform:translate(3px)}.btn-ghost{color:var(--text-dim);border:1px solid var(--border-hi);border-radius:var(--r);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s, color .2s, transform .2s var(--ease-spring), background .2s;background:#ffffff08;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-ghost:hover{border-color:var(--muted);color:var(--text);background:#ffffff0f;transform:translateY(-2px)}.btn-ghost:active{transform:translateY(0)}.btn-sm{border-radius:var(--r-sm);padding:6px 14px;font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.field label,.field-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:10px;font-weight:600}.input,.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border-hi);border-radius:var(--r-sm);color:var(--text);appearance:none;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-dim)}.input::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235F5A55' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.pulse-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite blink}.spinner{border:2px solid #00000040;border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.6s linear infinite shimmer}.topbar{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border);background:#0a0a0bbf;align-items:center;gap:16px;padding:12px 28px;display:flex;position:sticky;top:0}.logo-name{letter-spacing:-.04em;color:var(--text);flex-shrink:0;font-size:17px;font-weight:800;text-decoration:none}.logo-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);border-left:1px solid var(--border-hi);flex-shrink:0;padding-left:12px;font-size:9px}.topbar-spacer{flex:1}.nav-link{color:var(--text-dim);border-radius:var(--r-sm);padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:color .18s,background .18s}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link.active{color:var(--green)}.toast{background:var(--surface-3);border:1px solid var(--border-hi);border-radius:var(--r);color:var(--text);z-index:999;opacity:0;transition:opacity .25s var(--ease-out), transform .25s var(--ease-spring);pointer-events:none;padding:11px 18px;font-size:13px;font-weight:600;position:fixed;bottom:24px;right:24px;transform:translateY(10px)scale(.97);box-shadow:0 12px 32px -8px #0009}.toast.show{opacity:1;transform:translateY(0)scale(1)}.toast.success{border-color:var(--green-glow);color:var(--green)}.toast.error{border-color:var(--danger);color:var(--danger)}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%), var(--spot-color,#10b98114), transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.spotlight:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.stagger>*{opacity:1;transform:none}}