:root{--ink:#14121F;--bg:#F1ECFF;--v:#6D28FF;--y:#FFD60A;--p:#FF4D8D;--t:#00C2A8;--o:#FF7A1A;--m:#4A4560}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:16px 16px 48px}
h1,h2,h3{line-height:1.15;margin:0 0 .45em;font-weight:900;letter-spacing:-.01em}
h1{font-size:1.9rem}h2{font-size:1.35rem}h3{font-size:1.08rem}
p{margin:0 0 .8em}
a{color:var(--v)}
.card{background:#fff;border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:16px;margin:0 0 22px}
.btn{display:block;width:100%;font:inherit;font-weight:800;text-align:left;text-decoration:none;color:var(--ink);background:#fff;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:14px 16px;margin:0 0 12px;cursor:pointer;border-radius:0}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn.y{background:var(--y)}.btn.v{background:var(--v);color:#fff}.btn.p{background:var(--p)}.btn.t{background:var(--t)}
.btn small{display:block;font-weight:500}
.tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);padding:2px 8px;background:var(--y);margin:0 6px 8px 0}
.muted{color:var(--m);font-size:.88rem}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;font-weight:900}
.top a{color:var(--ink);text-decoration:none}