:root{--bg:hsl(210,100%,9%);--surface:hsl(220,40%,98%);--border:hsl(220,25%,87%);--text:hsl(0,0%,100%);--text-muted:hsl(221,39%,74%);--text-cloud:hsl(220,25%,87%);--text-black:hsl(0,0%,6%);--text-navy:hsl(210,100%,9%);--text-blue:hsl(219,57%,58%);--accent:hsl(225,76%,60%);--accent-hover:hsl(225,76%,52%);--cta:hsl(87,88%,84%);--cta-hover:hsl(87,78%,74%);--shadow-glow:0 0 80px rgba(100,150,255,0.25),0 0 160px rgba(70,120,220,0.15),inset 0 0 60px rgba(100,150,255,0.05)}html[data-theme=dark]{--bg:hsl(210,100%,9%);--surface:hsl(216,65%,24%);--text:hsl(0,0%,100%)}html[data-theme=light]{--bg:hsl(220,40%,98%);--surface:hsl(0,0%,100%);--text:hsl(220,25%,10%)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4cd964,#1c8cff);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5ff07a,#4da9ff)}html{overflow-x:hidden;scrollbar-color:var(--cta) var(--bg);scroll-behavior:smooth;scroll-padding-top:120px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.reveal-anim{opacity:0;will-change:opacity,transform}.reveal-anim.is-inview{opacity:1}@media(prefers-reduced-motion:reduce){.reveal-anim{opacity:1!important}}