:root{
  --purple:#6d28d9; --purple-dark:#5b21b6; --purple-deep:#4c1d95;
  --lav:#ede9fe; --ink:#1e1b29; --muted:#5f5b6e; --line:#e6e2f2; --bg:#fbfaff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--purple);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1020px;margin:0 auto;padding:0 20px}
header.site{background:linear-gradient(135deg,var(--purple-deep),var(--purple));color:#fff}
.nav{display:flex;align-items:center;gap:14px;padding:16px 0;flex-wrap:wrap}
.nav .brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;font-size:1.15rem}
.nav .brand:hover{text-decoration:none}
.nav .brand img{width:40px;height:40px;border-radius:10px;background:#fff}
.nav nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.nav nav a{color:#e9e4ff;font-size:.97rem}
.nav nav a:hover{color:#fff;text-decoration:none}
.nav nav a.auth-btn{background:#fff;color:var(--purple-dark);font-weight:700;padding:8px 18px;border-radius:999px}
.nav nav a.auth-btn:hover{background:var(--lav);color:var(--purple-dark);text-decoration:none}
.hero{padding:56px 0 64px;text-align:left}
.hero h1{font-size:2.5rem;line-height:1.2;margin-bottom:14px}
.hero p{font-size:1.13rem;color:#ddd3ff;max-width:680px}
.hero .cta{display:inline-block;margin-top:24px;background:#fff;color:var(--purple-dark);font-weight:700;padding:12px 26px;border-radius:999px}
.hero .cta:hover{text-decoration:none;background:var(--lav)}
main{padding:44px 0 20px}
h2{font-size:1.55rem;margin:30px 0 12px;color:var(--purple-deep)}
h2:first-child{margin-top:0}
h3{font-size:1.13rem;margin:22px 0 8px}
p,li{color:#353144}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:18px 0 8px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.card h3{margin-top:0;color:var(--purple-dark)}
.card p{color:var(--muted);font-size:.97rem}
article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px;margin-bottom:30px}
article p{margin-bottom:12px}
article ul{margin:0 0 14px 22px}
article li{margin-bottom:6px}
.meta{color:var(--muted);font-size:.93rem;margin-bottom:18px}
footer.site{border-top:1px solid var(--line);margin-top:26px;padding:26px 0 36px;color:var(--muted);font-size:.94rem}
footer.site .foot{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
footer.site nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}
.badge{display:inline-block;background:var(--lav);color:var(--purple-dark);border-radius:999px;padding:4px 14px;font-size:.87rem;font-weight:600;margin-bottom:14px}