:root{--canvas-bg:#0b0f14;--secondary-bg:#0e1319;--surface-card:linear-gradient(135deg, #ffffff14 0%, #141a23a6 40%, #0a0f16cc 100%);--card-border-top:#ffffff6b;--card-border-side:#ffffff1f;--card-border-bottom:#00000080;--text-main:#f3f4f6;--text-muted:#9ca3af;--primary-accent:#ff8c5a;--primary-glow:#ff8c5a73;--primary-dim:#ff8c5a2e;--terminal-green:#34d399}html.light{--canvas-bg:#f8f9fa;--secondary-bg:#fff;--surface-card:#ffffffe0;--card-border-top:#ffffffe6;--card-border-side:#00000014;--card-border-bottom:#00000024;--text-main:#0f1419;--text-muted:#4b5563;--primary-accent:#d8683e;--primary-glow:#d8683e59;--primary-dim:#d8683e1f}body{background-color:var(--canvas-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif}.font-editorial{font-family:Newsreader,Georgia,serif;font-style:italic}.font-mono-code{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b0f14}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}::selection{color:#fff;background-color:#ff8c5a4d}.glass-card{background:var(--surface-card);-webkit-backdrop-filter:blur(14px);border-top:1.5px solid var(--card-border-top);border-left:1px solid var(--card-border-side);border-right:1px solid var(--card-border-side);border-bottom:1px solid var(--card-border-bottom);border-radius:1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{box-shadow:0 16px 36px -10px #0009, 0 0 30px var(--primary-dim);border-top-color:#ffffffbf;transform:translateY(-4px)}.glass-island-nav{-webkit-backdrop-filter:blur(18px);background:#0b0f14d9;border:1px solid #ffffff1f;border-top:1.5px solid #ffffff61;border-bottom-color:#000000a6;box-shadow:0 12px 36px -8px #000000d9,inset 0 1px #fff3}html.light .glass-island-nav{background:#ffffffe0;border:1px solid #00000014;border-top:1.5px solid #fffffff2;border-bottom-color:#00000026;box-shadow:0 10px 30px -10px #00000026}.btn-cyber-primary{color:#0b0f14;background:#ff8c5a;border:1px solid #fff3;border-top:1.5px solid #fff9;border-bottom-color:#00000080;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 0 25px #ff8c5a73}.btn-cyber-primary:hover{background:#ffa880;transform:translateY(-2px);box-shadow:0 0 35px #ff8c5ab3}.btn-cyber-violet{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);border:1px solid #fff3;border-top:1.5px solid #ffffff73;border-bottom-color:#00000080;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 0 22px #a855f766}.btn-cyber-violet:hover{transform:translateY(-2px);box-shadow:0 0 32px #a855f7a6}.btn-cyber-secondary{color:#f3f4f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-top:1.5px solid #ffffff4d;border-bottom-color:#0006;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-cyber-secondary:hover{background:#ffffff1a;border-top-color:#ffffff80;transform:translateY(-2px);box-shadow:0 0 20px #ffffff26}.film-grain-overlay{pointer-events:none;z-index:9980;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;inset:0}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14}.glass-hover:hover{background:#ffffff17;border-color:#ffffff26;box-shadow:0 0 25px #ff8c5a1f}.text-gradient{background:linear-gradient(90deg,#ff8c5a,#ec4899,#a855f7);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gradient}@keyframes gradient{0%{background-position:0%}to{background-position:200%}}.neon-glow{box-shadow:0 0 15px #ff8c5a66,0 0 30px #ff8c5a33}