:root{
  --purple:#7B5CF0; --cta:#5B3FD0; --navy:#0F1850; --ink:#1E2D7A; --muted:#8A8AA8;
}
*{box-sizing:border-box}
body{
  margin:0; background:#FAFAFA; color:#2A2A3A;
  font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:32px 22px 80px}
header.top{
  background:linear-gradient(135deg,var(--navy),var(--cta));
  color:#fff; padding:40px 22px 34px; text-align:center;
}
header.top .brand{font-weight:700; letter-spacing:.02em; font-size:26px}
header.top .tag{color:rgba(255,255,255,.65); font-size:14px; margin-top:6px}
h1{color:var(--ink); font-size:28px; margin:0 0 4px}
.eff{color:var(--muted); font-weight:600; margin:0 0 22px; font-size:14px}
h2{color:var(--ink); font-size:18px; margin:30px 0 8px}
p,li{font-size:15.5px}
ul{padding-left:22px; margin:0 0 14px}
li{margin-bottom:6px}
.basis{color:var(--muted)}
.row{margin-bottom:10px}
a{color:var(--purple)}
.note{background:#F2EFFE; border:1px solid #DDD4FC; border-radius:12px; padding:14px 16px; font-size:14px; color:#3D27A0; margin:18px 0}
.footer{margin-top:40px; padding-top:18px; border-top:1px solid #E2E0F0; color:var(--muted); font-size:13px}
.backlink{display:inline-block; margin-bottom:18px; font-size:14px; font-weight:600; text-decoration:none}