body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f8fafc;color:#111827;line-height:1.6}
.topnav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#0b1020;color:#fff;padding:14px 22px;position:sticky;top:0;z-index:10}
.topnav .brand{font-weight:700}
.topnav .navlinks a{color:#cbd5e1;text-decoration:none;margin-left:18px;font-weight:600;font-size:14px}
.topnav .navlinks a:hover{color:#fff}
.hero{background:#0b1020;color:#fff;padding:48px 22px;text-align:center}
.hero img{width:118px;height:118px;border-radius:24px;display:block;margin:0 auto 18px;box-shadow:0 12px 35px rgba(0,0,0,.35)}
main{max-width:980px;margin:34px auto;padding:0 20px}
.card{background:#fff;border-radius:16px;padding:28px;margin-bottom:22px;box-shadow:0 2px 12px rgba(15,23,42,.08)}
.card h3{margin-bottom:4px}
.card p{margin-top:4px}
.feature-list{padding-left:20px}
.feature-list li{margin-bottom:10px}
.legal-header{display:flex;align-items:center;gap:16px;margin:36px 0 26px}
.legal-header img{width:64px;height:64px;border-radius:14px}
a{color:#2563eb}
.links a{display:inline-block;margin-right:18px;font-weight:700}
.updated{color:#4b5563}
