*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020006 url(../images/void-bg.svg) center/cover fixed;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}#space{position:fixed;inset:0;z-index:-3}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;background:repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.04) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.cursor{position:fixed;width:22px;height:22px;border-radius:50%;background:#ff2bd6;box-shadow:0 0 30px #ff2bd6,0 0 80px #7c3aed;pointer-events:none;z-index:20;transform:translate(-50%,-50%)}header{position:fixed;top:0;width:100%;z-index:9;display:flex;justify-content:space-between;padding:24px 7%;background:linear-gradient(rgba(0,0,0,.7),transparent)}b{color:#ff2bd6;text-shadow:0 0 20px #ff2bd6}nav{display:flex;gap:24px}a{color:#fff;text-decoration:none}.hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding:7%;perspective:900px}.scan{letter-spacing:8px;color:#00d9ff;text-shadow:0 0 18px #00d9ff}h1{position:relative;font-size:clamp(54px,11vw,150px);line-height:.82;margin:0;text-shadow:0 0 25px #ff2bd6,0 0 65px #7c3aed;animation:flicker 2.2s infinite}h1:before,h1:after{content:attr(data-text);position:absolute;inset:0;mix-blend-mode:screen}h1:before{color:#00d9ff;transform:translate(3px,-2px);clip-path:inset(0 0 55% 0)}h1:after{color:#ff2bd6;transform:translate(-3px,2px);clip-path:inset(55% 0 0 0)}@keyframes flicker{0%,100%{opacity:1}46%{opacity:.75}48%{opacity:1}50%{opacity:.35}53%{opacity:1}}button{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:18px 28px;background:rgba(255,255,255,.08);color:white;font-weight:900;backdrop-filter:blur(18px);box-shadow:0 0 40px rgba(255,43,214,.35);cursor:pointer;transition:.2s}.panel{position:relative;min-height:90vh;display:grid;place-items:center;padding:7%}.floating-shape{position:absolute;width:min(260px,34vw);border-radius:28px;opacity:.8;filter:drop-shadow(0 0 35px #ff2bd6);animation:drift 5s infinite alternate}.one{left:6%;top:12%}.two{right:8%;bottom:10%}@keyframes drift{to{transform:translateY(-30px) rotate(8deg)}}.glass{max-width:850px;padding:50px;border:1px solid rgba(255,255,255,.2);border-radius:38px;background:linear-gradient(135deg,rgba(255,43,214,.18),rgba(0,217,255,.08));backdrop-filter:blur(22px);transform:rotateX(5deg)}h2{font-size:clamp(38px,7vw,80px)}p{font-size:20px;color:#cbd5e1}.cards{min-height:90vh;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:7%}article{min-height:260px;display:grid;place-items:center;font-size:28px;font-weight:900;border-radius:30px;border:1px solid rgba(255,255,255,.15);background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,43,214,.45),rgba(124,58,237,.12),rgba(255,255,255,.04));transition:.35s}article:hover{transform:translateY(-18px) rotate(-2deg) scale(1.04);filter:hue-rotate(60deg)}.portal img{width:min(620px,90%);border-radius:38px;box-shadow:0 0 80px rgba(255,43,214,.35)}.portal{min-height:80vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#ff2bd633,transparent 30%)}footer{text-align:center;padding:40px;color:#aaa}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}nav{display:none}}@media(max-width:560px){.cards{grid-template-columns:1fr}.scan{letter-spacing:3px}}