*{box-sizing:border-box}body{font:16px/1.7 'Nunito',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0;background:#fff8f0;color:#3d3250}main{max-width:760px;margin:0 auto;padding:20px 18px 48px}h1{font-size:28px;margin:8px 0;line-height:1.2}h2{font-size:18px;margin:24px 0 4px;color:#7b5fb4}a{color:#7b5fb4}nav{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}nav a,.btn{border-radius:18px;padding:8px 16px;background:#fff;color:#7b5fb4;text-decoration:none;font-weight:700;border:2px solid #ede8f5;box-shadow:0 4px 20px rgba(155,127,212,.12)}.btn{background:#9b7fd4;color:#fff;border-color:#9b7fd4;display:inline-block}li{margin:6px 0}.small{font-size:13px;color:#8b7fa8}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;color:#3d3250;text-decoration:none}.brand img{width:44px;height:44px;border-radius:12px}.card{background:#fff;border:2px solid #ede8f5;border-radius:18px;padding:4px 18px 14px;margin:16px 0;box-shadow:0 4px 20px rgba(155,127,212,.12)}.hero img{width:128px;height:128px;border-radius:28px;box-shadow:0 4px 20px rgba(155,127,212,.25)}@media (prefers-color-scheme:dark){body{background:#1d1533;color:#f1ecfa}h2,a{color:#c9b6f2}.brand{color:#f1ecfa}nav a,.card{background:#2e2350;border-color:#463a70;color:#c9b6f2}.btn{background:#9b7fd4;color:#fff}.small{color:#b9abdd}}