*{box-sizing:border-box}body{margin:0;background:#f1f5f7;color:#182d39;font:16px system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#132c3a;color:#fff}header b{font-size:26px;letter-spacing:2px}.hero{background:linear-gradient(125deg,#142e40,#167b7d);color:#fff;text-align:center;padding:75px 20px}.hero h1{font-size:clamp(36px,6vw,65px);margin:12px}.hero p{font-size:19px}button{background:#f26840;border:0;border-radius:8px;color:#fff;font-weight:700;padding:13px 20px;margin:6px;cursor:pointer}nav{text-align:center;background:#fff;padding:10px}nav button{background:#1b4d5a}main{max-width:1100px;margin:35px auto;min-height:400px;padding:0 18px}aside{background:#fff4d8;padding:15px;border-radius:8px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}article{background:#fff;padding:24px;border-radius:12px}form{display:grid;gap:14px;max-width:600px;background:#fff;padding:24px;border-radius:12px}label{display:grid;gap:6px}input,select{padding:11px;border:1px solid #bccdd5;border-radius:7px;max-width:100%}form input{width:100%}footer{text-align:center;background:#132c3a;color:#fff;padding:30px}textarea{padding:11px;border:1px solid #bccdd5;border-radius:7px;min-height:85px}fieldset{border:1px solid #ccd9df;border-radius:8px;padding:14px}.rate-row{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:10px 0}.rate-row label{max-width:180px}.rate-row input{width:100%}@media (max-width:500px){.rate-row{align-items:stretch;flex-direction:column}}
