*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f4f7fb;margin:0;color:#0b1a33}
.container{max-width:980px;margin:24px auto;padding:16px}
.hero{position:relative;text-align:center;margin-bottom:16px}
.hero-img{width:100%;max-height:260px;object-fit:cover;border-radius:18px;filter:saturate(1.05)}
.hero h1{margin:12px 0 4px;font-size:40px}
.hero p{margin:0 0 8px;color:#3a587a}
.card{background:#fff;border-radius:16px;padding:16px 16px 12px;box-shadow:0 6px 20px rgba(15,35,75,.08);margin-bottom:18px}
.tabs{display:flex;gap:18px;margin-bottom:10px;font-weight:600}
label{display:block;font-size:14px;color:#17324d}
input[type="text"],input[type="date"],input[type="email"],input[type="number"],input:not([type]){width:100%;padding:12px;border:1px solid #d9e2ef;border-radius:12px;margin-top:6px;font-size:16px;outline:none}
input:focus{border-color:#2d6cdf;box-shadow:0 0 0 3px rgba(45,108,223,.15)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}
@media(max-width:640px){.row{grid-template-columns:1fr}}
.actions{display:flex;justify-content:center}
button{background:#0e3a8a;color:#fff;padding:12px 20px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer}
button:hover{background:#0b2f70}
.hidden{display:none}
.offer{border:1px solid #e6edf7;border-radius:14px;padding:12px;margin:10px 0;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.badge{display:inline-block;background:#e8f1ff;color:#0b2f70;padding:4px 8px;border-radius:999px;font-size:12px;margin-right:8px}
.meta{color:#335b85;font-size:14px}
.price{font-size:20px;font-weight:800}
.foot{margin:24px 0 8px;text-align:center;color:#6a84a0}
.payments{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-bottom:10px}
.payments img{height:22px;opacity:.85}
.tiny{font-size:12px}