:root{--black:#060608;--surface:#0e0e12;--card:#ffffff08;--card-border:#ffffff0f;--card-hover:#ffffff0d;--cyan:#00d4ff;--cyan-dim:#00d4ff1f;--cyan-glow:#00d4ff40;--coral:#ff8f71;--coral-dim:#ff8f711a;--coral-glow:#ff8f7159;--text:#f0f0f0;--text-mid:#ffffffd9;--text-dim:#ffffff80;--field-bg:#ffffff0a;--field-border:#ffffff14;--field-focus:#00d4ff66;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}.bgAmbient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bgAmbient:before{content:"";background:radial-gradient(#00d4ff0f 0%,#0000 70%);width:80%;height:80%;animation:25s ease-in-out infinite alternate drift;position:absolute;top:-40%;left:-20%}.bgAmbient:after{content:"";background:radial-gradient(#ff8f710a 0%,#0000 70%);width:70%;height:70%;animation:20s ease-in-out infinite alternate-reverse drift;position:absolute;bottom:-30%;right:-20%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(5%,8%)scale(1.1)}}.grain{z-index:1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;position:fixed;inset:0}.page{z-index:2;max-width:680px;margin:0 auto;padding:0 20px 80px;position:relative}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}