:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#173047;background:#f5fafb}*{box-sizing:border-box}body{margin:0}a{color:#087f91}header{background:white;border-bottom:1px solid #dcebed}nav,.wrap{max-width:1080px;margin:auto;padding:22px}nav{display:flex;justify-content:space-between;align-items:center;gap:20px}nav a{margin-left:15px;text-decoration:none}.logo{font-weight:850;color:#087f91;font-size:28px}.hero{background:linear-gradient(125deg,#087f91,#0b586e);color:white;padding:70px 20px}.hero .wrap{padding:0 22px}.hero h1{font-size:clamp(32px,5vw,54px);margin:0 0 12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:white;border:1px solid #d9e9ec;border-radius:15px;padding:22px;box-shadow:0 4px 16px #073c5010}button,.btn{background:#087f91;color:white;border:0;border-radius:9px;padding:11px 17px;cursor:pointer;text-decoration:none;display:inline-block}input,textarea,select{display:block;width:100%;border:1px solid #c5d9dd;border-radius:8px;padding:10px;margin:6px 0 15px}label{font-weight:600;font-size:14px}.muted{color:#607983}.row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.notice{padding:13px;border-radius:8px;background:#e0f4f4;margin:12px 0}.danger{background:#ffe9e6}.price{font-size:23px;font-weight:700;color:#087f91}footer{text-align:center;padding:40px;color:#607983}img.banner{width:100%;max-height:360px;object-fit:cover;border-radius:12px}@media(max-width:650px){nav{display:block}nav a{display:inline-block;margin:12px 12px 0 0}}