:root{--v:#6a5ae0;--ink:#1c1b22;--mut:#5d5b68;--bg:#faf9ff}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.65;color:var(--ink);background:var(--bg);max-width:720px;margin:0 auto;padding:32px 20px}
header{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.logo{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,#766ae8,#453398);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px}
h1{font-size:1.6rem;margin:.2em 0}
h2{font-size:1.15rem;margin-top:1.6em}
a{color:var(--v)}
.mut{color:var(--mut)}
nav{margin:18px 0 28px;padding:14px 0;border-top:1px solid #e7e5f2;border-bottom:1px solid #e7e5f2}
nav a{margin-right:18px;font-weight:600;text-decoration:none}
.card{background:#fff;border:1px solid #ece9fa;border-radius:14px;padding:20px 22px;margin:18px 0}
footer{margin-top:40px;color:var(--mut);font-size:.85rem}