@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');

:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;background:#101010;color:#f5f5f3;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
.page{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:30px 24px 23px;background:radial-gradient(ellipse at 50% 42%,#202020 0%,#141414 36%,#101010 68%);overflow:hidden}
.brand{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:1.9px;color:#aaa}
.brand-symbol{font-size:23px;line-height:1;color:#f5f5f3}
.redirect{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto;padding:40px 0 46px;animation:appear .7s ease-out both}
.status{display:flex;align-items:center;gap:8px;border:1px solid #393939;border-radius:50px;padding:9px 13px;color:#c8c8c8;font-size:9px;font-weight:600;letter-spacing:1.6px;background:#ffffff03}
.status-dot{width:5px;height:5px;background:#e7e7e7;border-radius:50%;box-shadow:0 0 9px #ffffff55;animation:pulse 1.8s ease-in-out infinite}
.portal{position:relative;display:grid;place-items:center;width:156px;height:156px;margin:27px 0 24px}
.orbit{position:absolute;border:1px solid #ffffff0d;border-radius:50%;inset:0}
.orbit-one{animation:breathe 3s ease-in-out infinite}
.orbit-two{inset:17px;border-color:#ffffff16;animation:breathe 3s .3s ease-in-out infinite}
.portal-center{width:90px;height:90px;display:grid;place-items:center;background:linear-gradient(145deg,#fcfcf9,#d4d4d1);color:#151515;border-radius:26px;transform:rotate(-8deg);box-shadow:0 8px 35px #0005,inset 0 1px 0 #fff;animation:float 4s ease-in-out infinite}
.portal-center svg{width:49px;height:49px;transform:rotate(8deg)}
.portal-spark{position:absolute;right:16px;bottom:23px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#292929;border:3px solid #171717;color:#eee;font-size:20px}
.eyebrow{color:#888;font-size:9px;font-weight:600;letter-spacing:2.3px;margin:0 0 16px}
h1{font-size:clamp(29px,7.4vw,42px);font-weight:550;line-height:1.15;letter-spacing:-1.6px;margin:0}
h1 span{color:#929292}
.description{font-size:14px;line-height:1.7;color:#a5a5a5;margin:20px 0 30px}
.countdown{width:100%;max-width:330px;margin-bottom:29px}
.countdown-label{display:flex;justify-content:space-between;align-items:center;color:#999;font-size:11px;margin-bottom:13px}
.time{display:flex;align-items:baseline;gap:3px;color:#aaa}
.time strong{font-size:19px;font-weight:500;color:#f3f3f3;font-variant-numeric:tabular-nums}
.progress-track{height:3px;background:#343434;border-radius:3px;overflow:hidden}
.progress{height:100%;background:#eee;transform:scaleX(0);transform-origin:left;border-radius:3px}
.join-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 18px;background:#f3f3f0;border:1px solid #f3f3f0;border-radius:10px;color:#181818;text-decoration:none;font-size:12px;font-weight:650;transition:background .2s,transform .2s;min-height:58px}
.join-button>span:last-child{font-size:21px;font-weight:400;line-height:1}
.join-button:hover{background:#d9d9d6;transform:translateY(-2px)}
.join-button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.join-button:active{transform:translateY(0)}
.hint{font-size:10px;color:#818181;margin:15px 0 0;line-height:1.6}
footer{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.3px;color:#777;text-align:center;line-height:1.6}
.footer-dot{width:4px;height:4px;border-radius:50%;background:#777;flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noscript{font-size:12px;color:#bbb}
@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes breathe{50%{transform:scale(1.06);border-color:#ffffff25}}
@keyframes float{50%{transform:translateY(-5px) rotate(-4deg)}}
@keyframes pulse{50%{opacity:.4}}
@media(min-width:600px){.page{padding:35px 32px 26px}.redirect{padding:36px 0}.portal{margin-top:30px}.mobile-break{display:none}.description{font-size:15px}.join-button{font-size:13px;padding:20px 22px}.brand{font-size:10px}footer{font-size:9px}}
@media(max-height:720px){.redirect{padding:26px 0}.portal{width:126px;height:126px;margin:18px 0}.portal-center{width:76px;height:76px;border-radius:23px}.portal-spark{right:6px;bottom:12px}.description{margin:16px 0 23px}.countdown{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}