:root{--g-accent:#2f7cff;--g-accent2:#7c3aed}html{scroll-behavior:smooth}body{position:relative;overflow-x:hidden}body::before{content:"";position:fixed;inset:-25%;z-index:-3;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(47,124,255,.2),transparent 28%),radial-gradient(circle at 82% 18%,rgba(124,58,237,.16),transparent 26%),radial-gradient(circle at 50% 88%,rgba(0,212,255,.11),transparent 30%);filter:blur(18px);animation:gBg 18s ease-in-out infinite alternate}body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;animation:gGrid 22s linear infinite}@keyframes gBg{to{transform:translate3d(2%,2%,0) scale(1.08)}}@keyframes gGrid{to{background-position:42px 42px}}.g-reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.g-reveal.visible{opacity:1;transform:none}.g-card{transition:transform .28s ease,box-shadow .28s ease}.g-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.g-particle{position:fixed;width:3px;height:3px;border-radius:50%;z-index:-1;pointer-events:none;background:rgba(255,255,255,.75);box-shadow:0 0 12px var(--g-accent);animation:gFloat linear infinite}@keyframes gFloat{from{transform:translateY(110vh);opacity:0}15%{opacity:.8}85%{opacity:.7}to{transform:translate(60px,-15vh);opacity:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:700px){body::after{background-size:30px 30px}}