@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --bg: #08080f; --text: #f5f5f7; --muted: #8888aa;
  --accent: #3150aa; --accent2: #5b8def; --green: #00e676; --red: #ff4757;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Inter', -apple-system, sans-serif; background:var(--bg); color:var(--text); min-height:100vh; display:flex; flex-direction:column; }
nav { padding:16px 24px; background:rgba(8,8,15,0.8); backdrop-filter:blur(20px); border-bottom:1px solid rgba(255,255,255,0.05); display:flex; justify-content:space-between; align-items:center; }
nav a { color:var(--accent2); text-decoration:none; font-weight:600; font-size:14px; }
nav a:hover { color:#fff; }
.nav-logo { font-size:18px; font-weight:700; color:#fff; text-decoration:none; }
.nav-logo span { color:var(--accent2); }
main { flex:1; max-width:800px; margin:0 auto; padding:80px 24px 40px; width:100%; }
h1 { font-size:clamp(24px,4vw,36px); font-weight:800; margin-bottom:24px; letter-spacing:-1px; }
h2 { font-size:20px; font-weight:700; margin:24px 0 12px; }
p, li { color:var(--muted); line-height:1.7; margin-bottom:10px; font-size:15px; }
ul { list-style:none; padding-left:0; }
ul li::before { content:'•'; color:var(--accent2); margin-right:8px; }
footer { text-align:center; padding:20px; border-top:1px solid rgba(255,255,255,0.04); color:var(--muted); }
footer, footer a, footer p { font-size:12px; }
footer a { color:var(--accent2); text-decoration:none; margin:0 6px; }
footer a:hover { color:#fff; }
.btn-back { display:inline-block; margin-top:30px; padding:12px 24px; background:var(--accent); color:#fff; border-radius:10px; text-decoration:none; font-weight:600; font-size:14px; }
.btn-back:hover { background:var(--accent2); }