*{box-sizing:border-box}
:root{--bg:#03050a;--panel:rgba(8,13,24,.72);--line:rgba(110,150,220,.24);--text:#f4f7ff;--muted:#aab4c7;--red:#ff3f46;--red2:#ff7378;--cyan:#67a7ff}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;background:
radial-gradient(circle at 50% 18%,rgba(33,65,130,.25),transparent 34%),
radial-gradient(circle at 50% 95%,rgba(255,45,55,.12),transparent 30%),
#03050a;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 48%,rgba(255,55,65,.08) 50%,transparent 52%);opacity:.5}
.page{position:relative;width:min(940px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:24px 0 14px;z-index:2;display:flex;flex-direction:column;justify-content:center}
.stars{position:fixed;inset:0;opacity:.7;pointer-events:none;background-image:
radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 1.5px),
radial-gradient(circle,rgba(92,157,255,.55) 0 1px,transparent 1.5px);
background-size:170px 170px,250px 250px;background-position:10px 20px,90px 110px}
.grid{position:fixed;left:50%;bottom:-18vh;width:110vw;height:70vh;transform:translateX(-50%) perspective(500px) rotateX(62deg);
background-image:linear-gradient(rgba(77,120,190,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(77,120,190,.13) 1px,transparent 1px);
background-size:55px 55px;mask-image:linear-gradient(to top,black,transparent 75%);pointer-events:none}
.orb{position:fixed;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.16}
.orb-one{width:300px;height:300px;left:-120px;top:35%;background:#2665ff}
.orb-two{width:280px;height:280px;right:-100px;top:15%;background:#ff2438}
.hero{text-align:center}
.status{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(7,13,25,.65);font-size:10px;letter-spacing:2.4px;color:#c6d1e5}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red);animation:pulse 1.7s infinite}
.warning-ring{width:82px;height:82px;margin:15px auto 12px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 30px rgba(255,55,65,.25),inset 0 0 28px rgba(255,55,65,.12);position:relative}
.warning-ring:before,.warning-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,75,80,.35)}
.warning-ring:before{inset:-11px}.warning-ring:after{inset:-20px;border-color:rgba(255,75,80,.12)}
.warning-ring span{font-family:"Space Grotesk";font-size:46px;font-weight:600;color:#fff;text-shadow:0 0 18px rgba(255,70,80,.7)}
.eyebrow{font-size:11px;letter-spacing:6px;color:#8f9bb0;margin:0 0 9px}
h1{font-family:"Space Grotesk";font-size:clamp(46px,8vw,92px);line-height:.9;letter-spacing:3px;margin:0;font-weight:700}
h1 span{display:block;color:#f8faff;font-size:.55em;letter-spacing:13px;margin-bottom:7px}
h1{color:var(--red);text-shadow:0 0 26px rgba(255,55,65,.3)}
.domain{display:inline-block;margin:16px auto 17px;padding:13px 28px;border:1px solid rgba(104,154,230,.45);border-radius:10px;background:rgba(8,15,28,.7);font-family:"Space Grotesk";font-size:clamp(17px,3vw,25px);letter-spacing:2px;box-shadow:inset 0 0 30px rgba(47,103,185,.08)}
.glass{border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,21,37,.78),rgba(5,9,17,.7));backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.notice{display:flex;align-items:center;text-align:left;gap:16px;padding:17px 24px;border-radius:18px;max-width:760px;margin:0 auto}
.notice-icon{font-size:39px;color:var(--red);filter:drop-shadow(0 0 10px rgba(255,55,65,.5))}
.notice h2{font-family:"Space Grotesk";font-size:21px;margin:0 0 7px}
.notice p,.urgent p{margin:0;color:var(--muted);line-height:1.65}
.urgent{max-width:760px;margin:10px auto 0;border-color:rgba(255,61,70,.52);border-radius:15px;padding:13px 18px;display:flex;align-items:center;gap:17px;text-align:left;box-shadow:0 0 35px rgba(255,45,55,.07)}
.urgent-icon{width:40px;height:40px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-weight:800;flex:none;box-shadow:0 0 16px rgba(255,55,65,.2)}
.urgent strong{font-size:12px;letter-spacing:1.8px;color:#ff6268}
.info{margin:22px auto 0;max-width:760px;border-radius:18px;padding:18px 22px;display:grid;grid-template-columns:105px 1fr;gap:28px;text-align:left}
.info-mark{display:grid;place-items:center;border-right:1px solid var(--line)}
.hourglass{font-size:50px;filter:drop-shadow(0 0 10px rgba(255,65,75,.4))}
.section-label{font-size:10px;letter-spacing:3px;color:#8490a5;margin:0 0 7px}
.info h2{font-family:"Space Grotesk";font-size:22px;margin:0 0 10px}
.body-copy{color:var(--muted);line-height:1.75;margin:0;max-width:610px}
footer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px;color:#667287;font-size:9px;letter-spacing:2px}
.dot{color:var(--red)}
@keyframes pulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:640px){.page{padding-top:30px}.warning-ring{width:86px;height:86px;margin-top:23px}.warning-ring span{font-size:48px}.eyebrow{letter-spacing:3px}h1{letter-spacing:1px}h1 span{letter-spacing:7px}.domain{padding:12px 16px;font-size:15px;letter-spacing:1px}.notice{padding:21px;gap:14px}.notice h2{font-size:20px}.notice-icon{font-size:31px}.urgent{padding:18px}.info{grid-template-columns:1fr;padding:24px;gap:18px}.info-mark{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}.info h2{font-size:24px}}

@media (max-height: 720px) and (min-width: 641px){
  .page{padding-top:12px;padding-bottom:8px}
  .warning-ring{margin:9px auto 8px;width:68px;height:68px}
  .warning-ring span{font-size:38px}
  .eyebrow{font-size:9px}
  .domain{margin:10px auto 11px;padding:9px 20px}
  .notice{padding:12px 18px}
  .urgent{padding:10px 15px}
  .info{margin-top:14px;padding:13px 18px}
  footer{margin-top:10px}
}
@media(max-width:640px){
  .page{min-height:100svh;padding:20px 0 16px;justify-content:center}
}