
:root{--blue:#263e70;--coral:#ff6368;--cream:#fcfaf6;--muted:#68758b}
*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:'Nunito',Arial,sans-serif;color:var(--blue);font-size:16px;line-height:1.7}
a{color:#1264a5;text-underline-offset:3px}a:hover{color:#0f3968}
.wrap{max-width:910px;width:calc(100% - 36px);margin:auto}
.header{background:#fff;border-bottom:1px solid #ebeff5}.header .wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-size:31px;font-weight:1000;letter-spacing:-2px;color:#0783d0;text-decoration:none}.logo span{color:#ffc122}
.back{color:var(--blue);font-weight:800;text-decoration:none}
.hero{text-align:center;padding:57px 0 32px}.eyebrow{color:#ff6268;font-size:13px;letter-spacing:.13em;font-weight:900;text-transform:uppercase}
h1,h2{font-family:'Salsa',cursive;line-height:1.25}h1{font-size:clamp(31px,5vw,44px);margin:10px 0 14px}h2{font-size:24px;margin:25px 0 10px}p{margin:0 0 12px}main{padding:0 0 65px}.content{background:#fff;border:1px solid #e8edf2;border-radius:22px;padding:34px 45px;box-shadow:0 12px 36px #23436f0b}
.content ul,.content ol{padding-left:23px}.content li{margin:8px 0}.note{padding:15px 18px;border-radius:12px;background:#fff8e7;border:1px solid #fae2a4;margin:20px 0}
.footer{text-align:center;background:#1f2834;color:#ebeff3;padding:24px 16px;font-size:13px}.footer a{color:#fff}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:6px}
@media(max-width:600px){.header .wrap{min-height:74px}.logo{font-size:27px}.hero{padding:38px 0 24px}.content{padding:24px 19px;border-radius:16px}.back{font-size:12px}}
