:root{
  --bg:#0f1724;
  --card:#0b1220;
  --accent:#0b5fff;
  --muted:#9aa4b2;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Courier Prime', monospace, Inter,Segoe UI,Arial,sans-serif;background:#1B4332;color:#e6eef6;display:flex;align-items:center;justify-content:center;height:100vh;font-weight:400}
.container{width:100%;max-width:900px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}
h1{font-size:24px;margin:0;color:#f4f7fb;text-align:center}
.logo-text{font-family: 'Montserrat', Inter, Arial, sans-serif; font-weight:600; font-size:88px; color:#ffffff; margin-bottom:20px; letter-spacing:0.6px; text-transform:lowercase}
.logo-img{display:none}
h1{font-size:24px;margin:0;color:#f4f7fb;text-align:center}
.hero{padding:0 20px}
.foot{position:fixed;left:0;right:0;bottom:18px;text-align:center;color:var(--muted);font-size:13px}
@media (max-width:480px){.logo-text{font-size:56px}h1{font-size:18px}}