:root{
  --brand:#1e3a8a;
  --brand-2:#3b82f6;
  --ink:#0f172a;
  --muted:#64748b;
  --bg:#f8fafc;
  --card:#ffffff;
  --border:#e2e8f0;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:"Rubik","Segoe UI",system-ui,Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--brand-2);text-decoration:none}
a:hover{text-decoration:underline}

.navbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.nav-inner{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;font-size:20px}
.logo:hover{text-decoration:none}
.logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}
.logo-img{width:44px;height:44px;border-radius:10px;object-fit:cover;box-shadow:0 2px 6px rgba(30,58,138,.15)}

.legal-page{max-width:860px;margin:32px auto 80px;background:var(--card);padding:40px 44px;border-radius:14px;border:1px solid var(--border);box-shadow:0 2px 10px rgba(15,23,42,.04)}
.back-link{display:inline-block;margin-bottom:18px;color:var(--muted);font-size:14px}
.legal-page h1{font-size:30px;color:var(--brand);margin-bottom:6px}
.legal-date{color:var(--muted);font-size:13px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.legal-page h2{font-size:19px;color:var(--ink);margin:26px 0 10px;padding-right:12px;border-right:4px solid var(--brand-2)}
.legal-page p{margin-bottom:10px;color:#334155}
.legal-page ul{margin:6px 22px 14px;color:#334155}
.legal-page li{margin-bottom:6px}
.legal-page strong{color:var(--ink)}

@media (max-width:640px){
  .legal-page{margin:16px 12px 60px;padding:24px 20px;border-radius:10px}
  .legal-page h1{font-size:24px}
}