:root{--cream:#FDF3EA;--card:#FFF9F3;--magenta:#C9366B;--raspberry:#A82554;--pink-soft:#F9DDE7;--ink:#3A2430;--green:#2E8B57;--green-soft:#E3F2E9;--amber:#E8973A;--muted:#7A5E69;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:Arial,"Segoe UI",Helvetica,sans-serif;background:var(--cream);color:var(--ink);line-height:1.5;}
a{color:var(--raspberry);}
nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1040px;margin:0 auto;flex-wrap:wrap;gap:10px;}
.logo{font-weight:900;font-size:1.05rem;color:var(--raspberry);text-decoration:none;letter-spacing:.02em;}
.logo span{background:var(--magenta);color:#fff;border-radius:8px 12px 8px 12px;padding:3px 9px;margin-right:6px;display:inline-block;transform:rotate(-2deg);}
.navlinks a{text-decoration:none;font-weight:700;font-size:.95rem;color:var(--ink);margin-left:22px;}
.navlinks a:hover,.navlinks a.cur{color:var(--raspberry);}
.brush{display:inline-block;background:var(--magenta);color:#fff;font-weight:900;padding:10px 26px;border-radius:6px 22px 8px 24px;transform:rotate(-1.2deg);letter-spacing:.03em;text-transform:uppercase;font-size:1.3rem;margin-bottom:16px;}
.pagehead{text-align:center;padding:40px 24px 8px;}
.pagehead p{color:var(--muted);max-width:56ch;margin:0 auto;}
.wrap{max-width:1040px;margin:0 auto;padding:32px 24px 56px;}
.panel{background:var(--card);border:1px solid #F0DCE3;border-radius:22px;padding:34px 32px;box-shadow:0 10px 26px rgba(168,37,84,.10);}
.panel h2{font-size:1.4rem;font-weight:900;margin-bottom:10px;}
.panel p{color:var(--muted);margin-bottom:12px;max-width:64ch;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
.chap{background:var(--card);border:1px solid #F0DCE3;border-radius:20px;box-shadow:0 10px 26px rgba(168,37,84,.10);padding:24px;}
.chap .num{display:inline-block;background:var(--pink-soft);color:var(--raspberry);font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:99px;margin-bottom:12px;}
.chap h3{font-size:1.2rem;font-weight:900;margin-bottom:8px;line-height:1.3;}
.chap p{color:var(--muted);font-size:.95rem;}
.btn{display:inline-block;text-decoration:none;font-weight:800;padding:13px 24px;border-radius:13px;border:2px solid var(--magenta);transition:background .12s;font-size:1rem;cursor:pointer;font-family:inherit;}
.btn.primary{background:var(--magenta);color:#fff;}
.btn.primary:hover{background:var(--raspberry);}
.btn.outline{background:transparent;color:var(--raspberry);}
.btn.outline:hover{background:var(--pink-soft);}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:8px;}
.step{background:var(--card);border:1px solid #F0DCE3;border-radius:16px;padding:18px 12px;text-align:center;}
.step .ic{width:44px;height:44px;border-radius:50%;background:var(--magenta);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:1.2rem;font-weight:900;}
.step .nm{font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;}
.step .qq{font-size:.78rem;color:var(--muted);margin-top:4px;}
@media(max-width:820px){.steps{grid-template-columns:repeat(3,1fr);}}
@media(max-width:520px){.steps{grid-template-columns:repeat(2,1fr);}.navlinks a{margin:0 14px 0 0;}}
form label{display:block;font-weight:800;margin:14px 0 6px;font-size:.92rem;}
form input[type=text],form input[type=email]{width:100%;max-width:420px;padding:12px 14px;border:2px solid #EFD4DD;border-radius:12px;font:inherit;background:#fff;color:var(--ink);}
form input:focus{outline:none;border-color:var(--magenta);}
form .checks label{font-weight:400;margin:6px 0;display:flex;gap:8px;align-items:center;}
form button{margin-top:20px;}
.hidden{position:absolute;left:-9999px;}
.pearl{background:var(--pink-soft);border-top:1px solid #F0BFD1;border-bottom:1px solid #F0BFD1;text-align:center;padding:34px 24px;}
.pearl .label{font-weight:900;color:var(--raspberry);letter-spacing:.06em;font-size:.85rem;text-transform:uppercase;margin-bottom:8px;}
.pearl p{font-family:Georgia,serif;font-style:italic;font-size:1.35rem;max-width:34ch;margin:0 auto;color:var(--ink);}
footer{background:var(--magenta);color:#fff;padding:44px 24px;text-align:center;}
footer .fbrand{font-weight:900;font-size:1.2rem;margin-bottom:10px;}
footer a{color:#fff;font-weight:800;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.5);}
footer a:hover{border-bottom-color:#fff;}
footer .flinks{display:flex;gap:26px;justify-content:center;margin:16px 0 20px;flex-wrap:wrap;}
footer .fine{font-size:.8rem;opacity:.85;max-width:70ch;margin:0 auto;line-height:1.6;}