*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,sans-serif;color:#1b2430}.wrap{max-width:1040px;margin:auto;padding:0 20px}section{padding:48px 0}
header{border-bottom:1px solid #eee}.nav{display:flex;justify-content:space-between;align-items:center;height:64px}.nav a{margin-left:18px;color:#1b2430;text-decoration:none}
.logo{font-size:22px}.logo span{color:#f39c12}.hero{background:linear-gradient(135deg,#0f2a4a,#1d4e89);color:#fff}.hero h1{font-size:44px;line-height:1.15;margin:0 0 16px}
.btn{display:inline-block;background:#f39c12;color:#fff!important;padding:12px 22px;border-radius:8px;text-decoration:none;border:0;font-size:17px;cursor:pointer}.btn.sm{padding:6px 14px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.card{border:1px solid #ddd;border-radius:12px;padding:24px}.card.hot{border:2px solid #f39c12}
.price{font-size:40px;font-weight:700;margin:0}.small{font-size:14px;opacity:.8}form{display:grid;gap:14px;max-width:640px}label{display:grid;gap:4px;font-weight:600}
input,select,textarea{font:inherit;padding:10px;border:1px solid #ccc;border-radius:6px}.chk{display:block;font-weight:400}details{border-bottom:1px solid #eee;padding:12px 0}summary{font-weight:600;cursor:pointer}
article{max-width:760px;margin:auto;padding:40px 20px}