:root{--bg:#FFF8EE;--card:#fff;--ink:#2E2A40;--muted:#6F6885;--line:#EADFCF;--coral:#FF7A59;--violet:#7C5CFF;--green:#3BBF7A}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#15131C;--card:#1E1B28;--ink:#F2F0F7;--muted:#A9A3BC;--line:#2E2A3B}}
:root[data-theme="dark"]{--bg:#15131C;--card:#1E1B28;--ink:#F2F0F7;--muted:#A9A3BC;--line:#2E2A3B}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:400 16px/1.6 Nunito,system-ui,sans-serif}
a{color:var(--violet)}
.wrap{max-width:760px;margin:0 auto;padding:24px 16px 60px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}
.brand{font:700 26px Fredoka;text-decoration:none;background:linear-gradient(90deg,var(--coral),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
nav a{color:var(--muted);text-decoration:none;font-weight:700;margin-left:14px}
nav a:hover{color:var(--ink)}
h1{font:700 32px/1.15 Fredoka;margin-bottom:8px}
h2{font:700 21px Fredoka;margin:30px 0 8px}
h3{font:700 17px Fredoka;margin:18px 0 4px}
p,li{margin-bottom:10px}
ul{padding-left:22px}
.muted{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin:14px 0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:800}
.btn{display:inline-block;background:var(--ink);color:var(--bg);text-decoration:none;font:800 17px Nunito;padding:13px 24px;border-radius:99px}
footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer a{color:var(--muted)}
@media (max-width:480px){h1{font-size:27px}nav a{margin-left:10px;font-size:14px}}