*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{min-height:100vh;display:grid;place-items:center;overflow:hidden;color:#f7f9ff;background:radial-gradient(circle at 15% 15%,#153b6c55,transparent 34%),radial-gradient(circle at 88% 78%,#75105c55,transparent 32%),linear-gradient(145deg,#050816,#090d1d 48%,#0b0714)}.gate-glow{position:fixed;width:42vw;height:42vw;border-radius:50%;filter:blur(80px);opacity:.28;pointer-events:none}.gate-glow.one{left:-18vw;top:-22vw;background:#18d7ff}.gate-glow.two{right:-20vw;bottom:-25vw;background:#ff39b3}.human-gate{position:relative;width:min(620px,92vw);padding:42px 34px 32px;text-align:center;border:1px solid #ffffff1f;border-radius:32px;background:linear-gradient(155deg,#ffffff10,#ffffff07);box-shadow:0 32px 100px #000b,0 0 55px #20d9ff12;backdrop-filter:blur(22px)}.gate-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:950;letter-spacing:.08em}.gate-brand img{width:34px;height:34px}.gate-brand em{font-style:normal;color:#ff4fbd}.marble-stage{position:relative;height:122px;margin:28px auto 18px;display:flex;align-items:center;justify-content:center;gap:14px;perspective:500px}.marble-stage::before{content:"";position:absolute;left:50%;bottom:28px;width:min(360px,78%);height:22px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#4d74ff24 0,#2ce9ff12 38%,transparent 72%);filter:blur(8px)}.marble-stage i{--delay:calc(var(--i)*.22s);position:relative;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff 0 7%,color-mix(in srgb,var(--c) 88%,#fff) 16%,var(--c) 36%,color-mix(in srgb,var(--c) 54%,#110622) 78%);box-shadow:inset -7px -10px 13px #0006,inset 5px 5px 8px #fff4,0 10px 18px #0007,0 0 24px color-mix(in srgb,var(--c) 72%,transparent);transform:translateY(14px) scale(.92);will-change:transform,filter;animation:marbleWave 3.35s cubic-bezier(.34,.02,.31,1) var(--delay) infinite}.marble-stage i::after{content:"";position:absolute;left:15%;right:15%;bottom:-22px;height:8px;border-radius:50%;background:#0009;filter:blur(5px);opacity:.55;transform:scaleX(1);animation:marbleShadow 3.35s ease var(--delay) infinite}@keyframes marbleWave{0%,8%,34%,100%{transform:translateY(14px) scale(.92);filter:saturate(.92) brightness(.94)}19%{transform:translateY(-38px) scale(1.08);filter:saturate(1.35) brightness(1.16)}28%{transform:translateY(-3px) scale(.98);filter:saturate(1.08) brightness(1.03)}}@keyframes marbleShadow{0%,8%,34%,100%{opacity:.55;transform:scaleX(1)}19%{opacity:.16;transform:scaleX(.5)}28%{opacity:.38;transform:scaleX(.82)}}h1{margin:0;color:#fff;font-size:clamp(1.5rem,4.2vw,2.35rem);line-height:1.13;letter-spacing:-.035em}h1 span{font-weight:620;color:#b8c6da;font-size:.72em}p{margin:15px 0;color:#97a9c1}.gate-progress{height:7px;margin:22px auto 0;border-radius:999px;overflow:hidden;background:#ffffff12}.gate-progress b{display:block;height:100%;width:36%;border-radius:inherit;background:linear-gradient(90deg,#24ddff,#6f5cff,#ff46b9,#ffb541);box-shadow:0 0 16px #38dfff;animation:progress 2.35s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-115%)}100%{transform:translateX(330%)}}button{margin-top:18px;padding:12px 22px;border:0;border-radius:13px;background:linear-gradient(120deg,#26d9ff,#7057ff,#ff48b9);color:#fff;font-weight:900;cursor:pointer}small{display:block;margin-top:20px;color:#71829a;font-weight:700;letter-spacing:.07em;text-transform:uppercase}@media(max-width:560px){.human-gate{padding:32px 20px 26px;border-radius:24px}.marble-stage{height:96px;gap:8px}.marble-stage i{width:25px;height:25px}.marble-stage i::after{bottom:-17px}p{font-size:.88rem}}@media(prefers-reduced-motion:reduce){.marble-stage i,.gate-progress b{animation:none}.marble-stage i{transform:none}.gate-progress b{width:100%}}