*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}body{min-height:100vh;background:#05050f;color:#fff;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:crosshair}body::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 48%, rgba(124, 58, 237, 0.12) 0%, transparent 65%);pointer-events:none;z-index:0}.stars{position:fixed;top:0;left:0;width:2px;height:2px;border-radius:50%;pointer-events:none;z-index:1;animation:twinkle 5s ease-in-out infinite alternate}.rings{position:fixed;top:50%;left:50%;width:0;height:0;z-index:2;pointer-events:none}.rings .ring{position:absolute;border-radius:50%;animation:ring-spin linear infinite;transform-origin:center center}.rings .ring:nth-child(1){width:44rem;height:44rem;margin:-22rem 0 0 -22rem;border:1px solid rgba(124,58,237,.22);animation-duration:22s}.rings .ring:nth-child(2){width:62rem;height:62rem;margin:-31rem 0 0 -31rem;border:1px solid rgba(6,182,212,.14);animation-duration:34s;animation-direction:reverse}.rings .ring:nth-child(3){width:80rem;height:80rem;margin:-40rem 0 0 -40rem;border:1px solid rgba(244,63,94,.1);animation-duration:52s}.rings .ring:nth-child(4){width:100rem;height:100rem;margin:-50rem 0 0 -50rem;border:1px dashed rgba(124,58,237,.07);animation-duration:75s;animation-direction:reverse}.floaters{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.floater{position:absolute;border:1px solid;animation:floater-drift linear infinite}.content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2.8rem;padding:2rem}.digits{display:flex;align-items:center;gap:.5rem;line-height:1;user-select:none}.digit{font-size:clamp(10rem,19vw,21rem);font-weight:900;letter-spacing:-0.03em;color:#fff;text-shadow:0 0 2rem rgba(124,58,237,.7),0 0 6rem rgba(124,58,237,.4),0 0 14rem rgba(124,58,237,.2);position:relative;opacity:0}.digit:nth-child(1){animation:fly-left .9s cubic-bezier(0.34, 1.56, 0.64, 1) .3s forwards}.digit:nth-child(2){animation:fly-bottom .9s cubic-bezier(0.34, 1.56, 0.64, 1) .5s forwards}.digit:nth-child(3){animation:fly-right .9s cubic-bezier(0.34, 1.56, 0.64, 1) .7s forwards}.digit::before,.digit::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;clip-path:inset(0 0 100% 0)}.digit::before{color:#f43f5e;animation:glitch-r 5s infinite 1.8s}.digit::after{color:#06b6d4;animation:glitch-c 5s infinite 1.8s}.subtitle{font-size:1.5rem;color:hsla(0,0%,100%,.38);letter-spacing:.18em;text-transform:uppercase;animation:fade-up .8s ease 1.2s both}.home-btn{display:inline-flex;align-items:center;gap:.6rem;padding:1.2rem 3.2rem;border:1px solid rgba(124,58,237,.5);color:hsla(0,0%,100%,.7);text-decoration:none;border-radius:5px;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;position:relative;overflow:hidden;transition:color .3s,border-color .3s,box-shadow .3s;animation:fade-up .8s ease 1.4s both;cursor:pointer}.home-btn::before{content:"";position:absolute;inset:0;background:#7c3aed;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1);z-index:-1}.home-btn:hover{color:#fff;border-color:#7c3aed;box-shadow:0 0 2.5rem rgba(124,58,237,.35)}.home-btn:hover::before{transform:scaleX(1)}.hint{font-size:1.1rem;color:hsla(0,0%,100%,.18);letter-spacing:.12em;text-transform:uppercase;animation:fade-up .8s ease 1.8s both}.particle{position:fixed;border-radius:50%;pointer-events:none;z-index:999;transform:translate(-50%, -50%);animation:particle-burst .75s ease-out forwards}@keyframes twinkle{from{opacity:.55}to{opacity:1}}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes floater-drift{0%{transform:translate(0, 0) rotate(0deg)}25%{transform:translate(22px, -16px) rotate(90deg)}50%{transform:translate(0, -32px) rotate(180deg)}75%{transform:translate(-22px, -16px) rotate(270deg)}100%{transform:translate(0, 0) rotate(360deg)}}@keyframes fly-left{from{opacity:0;transform:translateX(-16rem) rotate(-18deg) scale(0.8)}to{opacity:1;transform:translateX(0) rotate(0deg) scale(1)}}@keyframes fly-bottom{from{opacity:0;transform:translateY(16rem) scale(0.4)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fly-right{from{opacity:0;transform:translateX(16rem) rotate(18deg) scale(0.8)}to{opacity:1;transform:translateX(0) rotate(0deg) scale(1)}}@keyframes fade-up{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes glitch-r{0%,82%,100%{clip-path:inset(0 0 100% 0);transform:translate(0)}84%{clip-path:inset(12% 0 68% 0);transform:translate(-4px, 0)}87%{clip-path:inset(58% 0 22% 0);transform:translate(4px, 0)}90%{clip-path:inset(78% 0 8% 0);transform:translate(-2px, 0)}93%{clip-path:inset(38% 0 48% 0);transform:translate(3px, 0)}96%{clip-path:inset(0 0 100% 0)}}@keyframes glitch-c{0%,82%,100%{clip-path:inset(0 0 100% 0);transform:translate(0)}85%{clip-path:inset(62% 0 18% 0);transform:translate(4px, 0)}88%{clip-path:inset(22% 0 58% 0);transform:translate(-4px, 0)}91%{clip-path:inset(8% 0 78% 0);transform:translate(2px, 0)}94%{clip-path:inset(48% 0 38% 0);transform:translate(-3px, 0)}97%{clip-path:inset(0 0 100% 0)}}@keyframes particle-burst{from{transform:translate(-50%, -50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0);opacity:0}}