:root {
--bg:#0f172a;
--card:#111827;
--text:#e5e7eb;
--muted:#9ca3af;
--accent:#f59e0b;
--line:#1f2937;
}
* { box-sizing:border-box; }
body {
margin:0;
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:var(--bg);
color:var(--text);
}
.wrap { width:min(980px,92%); margin:0 auto; }
header {
display:flex; justify-content:space-between; align-items:center;
padding:22px 0; border-bottom:1px solid var(--line);
}
nav a { color:var(--muted); text-decoration:none; margin-left:16px; }
nav a:hover { color:var(--text); }
.hero {
background:var(--card);
padding:36px; border-radius:14px; margin:30px 0;
}
.card {
background:var(--card);
padding:28px; border-radius:14px; margin:20px 0 30px;
}
h1,h2,h3 { margin:0 0 12px; }
p, li { color:var(--muted); line-height:1.6; }
ul { padding-left:20px; }
.btn {
display:inline-block; margin-top:12px;
background:var(--accent); color:#2a1b00;
padding:10px 14px; border-radius:10px;
text-decoration:none; font-weight:700;
}
footer { padding:25px 0 40px; color:var(--muted); }

.social { list-style:none; padding:0; margin:8px 0 0; display:grid; gap:8px; }
.social a { color: var(--text); text-decoration:none; }
.social a:hover { text-decoration:underline; }