:root{
  --bg:#0A1F33; --fg:#E7EAEE; --muted:#A5ADB6; --accent:#00E5FF; --accent2:#53B8FF;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; display:flex; flex-direction:column; justify-content:center; align-items:center;
  background: linear-gradient(180deg,#0A1F33,#081828 45%,#061522);
  color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.center-wrap{text-align:center; padding:24px}
.logo{width:min(60vw, 380px); filter:drop-shadow(0 18px 60px rgba(0,229,255,.35)); margin-bottom:12px}
h1{font-size: clamp(32px, 6vw, 64px); margin:6px 0 8px}
p{color:var(--muted); font-size: clamp(16px, 2.4vw, 20px); margin:0}
.footer{position:fixed; bottom:12px; left:0; right:0; text-align:center; color:var(--muted)}
@media (prefers-color-scheme: light){
  :root{ --bg:#F7F8FA; --fg:#0A0D12; --muted:#4C5560 }
  body{ background:#F7F8FA }
}