:root{--bg:#F7F1E8;--card:#FFFCF7;--ink:#1F2A37;--muted:#6B7785;--teal:#0F9D8A;--teal-dark:#0B7A6B;--teal-soft:#E3F5F2;--coral:#F26B5B;--line:#E2D6C4}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 "Assistant","Segoe UI",Arial,sans-serif}
main{max-width:760px;margin:0 auto;padding:24px 16px 64px}
header{display:flex;align-items:center;gap:12px;margin-bottom:20px}
header .logo{width:44px;height:44px;border-radius:14px;background:var(--teal);display:grid;place-items:center;color:#fff;font-size:24px}
header h1{font-size:24px;margin:0}
nav a{color:var(--teal-dark);margin-inline-end:16px;text-decoration:none;font-weight:600}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 22px;margin:16px 0}
h2{font-size:20px;margin:0 0 8px}
.note{background:var(--teal-soft);border-radius:14px;padding:12px 16px}
.warn{color:var(--coral);font-weight:600}
.btn{display:inline-block;background:var(--teal);color:#fff;padding:12px 20px;border-radius:14px;text-decoration:none;font-weight:700}
small,.muted{color:var(--muted)}
ul{padding-inline-start:22px}