:root { --ink:#2D2A3D; --ink2:#817D95; --accent:#6C4DFF; --mint:#35C77A; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--ink); background:linear-gradient(160deg,#F4F2FA 0%,#E6DEFF 45%,#DDF4E8 100%) fixed;
  line-height:1.6; }
main { max-width:680px; margin:0 auto; padding:48px 24px 64px; }
.card { background:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.9);
  border-radius:24px; padding:28px; box-shadow:0 10px 30px rgba(45,42,61,.10); margin-bottom:20px; }
h1 { font-size:1.7rem; margin:0 0 4px; }
h2 { font-size:1.1rem; margin:24px 0 8px; }
p, li { color:var(--ink); font-size:1rem; }
.muted { color:var(--ink2); font-size:.9rem; }
ul { padding-left:20px; } li { margin-bottom:8px; }
a { color:var(--accent); }
.brand { display:flex; align-items:center; gap:10px; margin-bottom:24px; }
.mark { width:40px; height:40px; border-radius:10px;
  background:linear-gradient(150deg,#9281FF,#6C4DFF); position:relative; }
.mark::after { content:""; position:absolute; right:6px; bottom:7px; width:16px; height:11px;
  border-radius:4px; background:linear-gradient(90deg,rgba(255,255,255,.5),#35C77A); }
.brand b { font-size:1.25rem; }