:root{
  --bg:#F9F7FC; --panel:#ffffff; --panel2:#F2EFF9;
  --border:#E5E0F0; --border2:#CFC6EC;
  --text:#1F2A44; --muted:#5C6484; --muted2:#8B90AC;
  --accent:#6A5BA8; --accent2:#574691;
  --font-display:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif;
  --font-body:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-tap-highlight-color:transparent}
body{
  background:
    radial-gradient(1000px 520px at 12% -10%,rgba(106,91,168,.09),transparent 60%),
    radial-gradient(760px 460px at 104% -4%,rgba(139,125,199,.08),transparent 55%),
    var(--bg);
  color:var(--text);font-family:var(--font-body);font-size:15.5px;line-height:1.65;min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent2);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:6px}
.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}
header{
  position:sticky;top:0;z-index:20;
  background:rgba(249,247,252,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
  padding:14px 20px;
}
.header-inner{
  max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;color:var(--text);text-decoration:none}
.brand:hover{text-decoration:none}
.brand-mark{width:34px;height:34px;border-radius:10px;display:block;flex:none;
  box-shadow:0 3px 12px rgba(106,91,168,.35);object-fit:cover;background:#6A5BA8}
.nav-links{display:flex;gap:16px;font-size:13.5px;font-weight:600;flex-wrap:wrap}
main{max-width:760px;margin:0 auto;padding:36px 20px 48px}
h1{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,5vw,36px);letter-spacing:-.02em;line-height:1.2;margin-bottom:10px}
.meta{color:var(--muted2);font-size:13.5px;margin-bottom:28px}
.disclaimer{
  background:rgba(106,91,168,.07);border:1px solid rgba(106,91,168,.22);border-radius:14px;
  padding:14px 16px;font-size:13.5px;color:var(--muted);margin-bottom:28px;line-height:1.55;
}
h2{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.01em;margin:28px 0 10px;color:var(--text)}
p,li{color:var(--muted);margin-bottom:10px}
ul{padding-left:1.25em;margin-bottom:12px}
li{margin-bottom:6px}
.card{
  background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px 24px;
  box-shadow:0 1px 3px rgba(31,42,68,.06),0 4px 14px rgba(31,42,68,.04);
}
footer{
  max-width:760px;margin:0 auto;padding:0 20px 40px;text-align:center;
  color:var(--muted2);font-size:12.5px;line-height:1.7;
}
footer .links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:14px;font-weight:600;font-size:13px}
footer .legal{border-top:1px solid var(--border);padding-top:18px;margin-top:4px}