:root{--primary:#fff;--primary-glow:#fff3;--secondary:#fff;--secondary-glow:#ffffff1a;--bg-deep:#000;--bg-main:#000;--bg-glass:#000c;--bg-glass-bright:#ffffff0d;--text-main:#fff;--text-dim:#ffffffb3;--text-muted:#ffffff80;--border-glass:#ffffff1a;--border-active:#ffffff4d;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--shadow-glow:0 0 25px -5px var(--primary-glow);--shadow-glass:0 8px 32px 0 #0009}*{box-sizing:border-box;cursor:default;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-deep);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}a,button{cursor:pointer;color:inherit;transition:var(--transition-fast);text-decoration:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-glass-bright);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{color:#000;background:#ffffffe6}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass)}.glow-text{text-shadow:0 0 10px var(--primary-glow)}.container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}@media (width>=768px){.container{padding:0 var(--spacing-md)}}[data-theme=light]{--primary:#000;--primary-glow:#0003;--secondary:#000;--secondary-glow:#0000001a;--bg-deep:#fff;--bg-main:#fafafa;--bg-glass:#fffc;--bg-glass-bright:#0000000d;--text-main:#000;--text-dim:#000000b3;--text-muted:#00000080;--border-glass:#0000001a;--border-active:#0000004d;--shadow-glow:0 0 25px -5px var(--primary-glow);--shadow-glass:0 8px 32px 0 #0000001a}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}section{padding:var(--spacing-lg) 0}@media (width<=768px){section{padding:var(--spacing-md) 0}}
