:root{--accent:#c6ff3d;--danger:#f87171;--danger-wash:#f8717114;--success:#4ade80;--warning:#fbbf24;--text:#fff;--text-secondary:#8a8a8a;--text-tertiary:#4a4a4a;--background:#0a0a0a;--surface:#111;--surface-2:#181818;--border:#fff;--border-dim:#2a2a2a;--border-w:1.5px;--border-w-md:2px;--shadow-crisp:4px 4px 0 var(--accent);--ease:cubic-bezier(.33, 1, .68, 1);--dur-fast:.18s;--dur:.32s;--dur-slow:.52s;--t-fast:var(--dur-fast) var(--ease);--t:var(--dur) var(--ease);--font-mono:var(--font-kode-mono), monospace;--font-display:var(--font-space-grotesk), sans-serif;--rail-w:48px;--header-h:44px;--footer-h:44px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}body{min-height:100vh;padding:var(--header-h) 24px var(--footer-h);background-color:var(--background);color:var(--text);font-family:var(--font-mono);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;width:100%;max-width:100vw;font-size:15px;display:flex;overflow-x:hidden}@media (max-width:768px){body{padding:var(--header-h) 16px var(--footer-h);font-size:14px}}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:var(--background)}body::-webkit-scrollbar-thumb{background:var(--border-dim);transition:background var(--t-fast)}body::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}::selection{background:var(--accent);color:var(--background)}a,button,img{-webkit-user-select:none;user-select:none;color:var(--text);text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{flex-direction:column;flex:1;gap:40px;width:100%;max-width:1600px;margin:0 auto;padding-top:32px;display:flex}@media (max-width:768px){main{gap:24px;padding-top:20px}}
.display-xl{font-family:var(--font-display);letter-spacing:-3px;font-size:128px;font-weight:700;line-height:.95}.display-lg{font-family:var(--font-display);letter-spacing:-2px;font-size:88px;font-weight:700;line-height:.98}.display-md{font-family:var(--font-display);letter-spacing:-1px;font-size:56px;font-weight:600;line-height:1}.display-sm{font-family:var(--font-display);letter-spacing:-.5px;font-size:32px;font-weight:600;line-height:1.1}@media (max-width:768px){.display-xl{letter-spacing:-2px;font-size:92px}.display-lg{letter-spacing:-1.5px;font-size:56px}.display-md{font-size:40px}.display-sm{font-size:26px}}.annotation{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:1px;text-transform:uppercase;font-size:11px;line-height:1.4}.section-num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px var(--accent);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:72px;font-weight:800;line-height:1}@media (max-width:768px){.section-num{-webkit-text-stroke:1px var(--accent);font-size:40px}}
.button{font-family:var(--font-mono);background-color:var(--text);color:var(--background);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:var(--border-w-md) solid var(--border);height:44px;box-shadow:0 0 0 var(--accent);transition:transform var(--t-fast), box-shadow var(--t-fast), background-color var(--t-fast), color var(--t-fast);outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:600;display:inline-flex;position:relative}@media (max-width:768px){.button{width:100%}}.button:hover{box-shadow:var(--shadow-crisp);transform:translate(-2px,-2px)}.button:active{box-shadow:0 0 0 var(--accent);transform:translate(2px,2px)}.button:disabled{opacity:.4;cursor:not-allowed;box-shadow:0 0 0 var(--accent);transform:none}.button.darken{color:var(--text);border-color:var(--border);background-color:#0000}.button.darken:hover{background-color:var(--text);color:var(--background)}.button.accent{background-color:var(--accent);color:var(--background);border-color:var(--accent);box-shadow:0 0 0 var(--border)}.button.accent:hover{box-shadow:4px 4px 0 var(--border);transform:translate(-2px,-2px)}.button.accent:active{box-shadow:0 0 0 var(--border);transform:translate(2px,2px)}.btn-sm{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:var(--border-w) solid var(--border);height:32px;color:var(--text);transition:transform var(--t-fast), box-shadow var(--t-fast), background-color var(--t-fast), color var(--t-fast);background-color:#0000;align-items:center;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.btn-sm:hover{box-shadow:2px 2px 0 var(--accent);transform:translate(-1px,-1px)}.btn-sm:active{box-shadow:0 0 0 var(--accent);transform:translate(1px,1px)}.btn-sm.primary{background-color:var(--text);color:var(--background)}.btn-sm.dark{color:var(--text);border-color:var(--border-dim);background-color:#0000}.btn-sm.dark:hover{border-color:var(--border);box-shadow:2px 2px 0 var(--accent)}.btn-sm.danger{color:var(--danger);border-color:var(--danger);background-color:#0000}.btn-sm.danger:hover{box-shadow:2px 2px 0 var(--danger);background-color:var(--danger-wash)}.button.danger{color:var(--danger);border-color:var(--danger);background-color:#0000}.button.danger:hover{box-shadow:4px 4px 0 var(--danger);background-color:var(--danger-wash);transform:translate(-2px,-2px)}.button.danger:active{box-shadow:0 0 0 var(--danger);transform:translate(2px,2px)}
.input,.textarea,.select{background-color:var(--background);border:var(--border-w) solid var(--border-dim);width:100%;color:var(--text);font-family:var(--font-mono);height:44px;transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);outline:none;padding:10px 14px;font-size:14px;font-weight:500}.textarea{resize:vertical;height:auto;min-height:100px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent);transform:translate(-1px,-1px)}.input:disabled{opacity:.5;cursor:not-allowed}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c6ff3d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.input-label{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:500}.input-group{flex-direction:column;gap:8px;display:flex}