:root {
  --bg: #081426;
  --accent: #0b6efd;
  --card: rgba(255,255,255,0.02);
  --muted: #9aa4b2;
  --maxw: 1000px;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;background:var(--bg);color:#e6eef6;line-height:1.45}
.wrap{max-width:var(--maxw);margin:36px auto;padding:28px}
header{display:flex;gap:20px;align-items:center}
.logo{width:84px;height:84px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;color:#042036}
h1{margin:0;font-size:28px}
p.lead{color:var(--muted);margin-top:6px}
.grid{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:22px}
.card{background:var(--card);padding:18px;border-radius:14px;box-shadow:0 6px 18px rgba(6,8,15,.6)}
.cta{display:inline-block;background:var(--accent);color:#042036;padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none}
.meta{font-size:13px;color:var(--muted)}
footer{margin-top:32px;font-size:13px;color:var(--muted);text-align:center}
@media(max-width:900px){.grid{grid-template-columns:1fr}.logo{width:64px;height:64px}}