:root{--bg:#0f1620;--steel:#1b2633;--orange:#f47a1f;--gold:#ffc21a;--blue:#1f6fd1;--text:#f2f4f7;--muted:#a9b4c2}
*{box-sizing:border-box;margin:0}
html{min-height:100%;background-color:#0f1620}
body{
  min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:32px 16px;color:var(--text);text-align:center;
  font-family:"Arial Black","Segoe UI",system-ui,-apple-system,sans-serif;
  background:
    repeating-linear-gradient(-45deg,var(--gold) 0 18px,#111 18px 36px) top/100% 10px no-repeat,
    repeating-linear-gradient(-45deg,var(--gold) 0 18px,#111 18px 36px) bottom/100% 10px no-repeat,
    linear-gradient(rgba(31,111,209,.08) 1px,transparent 1px) 0 0/40px 40px,
    linear-gradient(90deg,rgba(31,111,209,.08) 1px,transparent 1px) 0 0/40px 40px,
    radial-gradient(ellipse at top,var(--steel),var(--bg) 70%);
  background-color:var(--bg);
}
main{max-width:720px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.logo{width:min(340px,80vw);height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.55))}
.by{color:var(--orange);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}
h1{font-size:clamp(1.8rem,6vw,3.2rem);line-height:1.08;text-transform:uppercase}
h1 span{color:var(--gold)}
.sub{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--muted);font-size:1.05rem;max-width:34em;line-height:1.5}
.soon{
  margin-top:10px;padding:12px 28px;border-radius:6px;font-size:1.3rem;letter-spacing:.15em;text-transform:uppercase;
  background:linear-gradient(180deg,#ff8f2e,var(--orange));color:#111;box-shadow:0 0 0 3px var(--blue),0 8px 24px rgba(244,122,31,.35)
}
footer{margin-top:28px;color:var(--muted);font:.8rem system-ui,sans-serif}