*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:#f5f8f9;color:#0b3b43}
.topbar{background:#0b3b43;color:#fff;padding:10px 16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.brand{display:flex;align-items:center;gap:12px}
.logo{background:#ab8742;color:#0b3b43;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800}
.titles h1{font-size:20px;margin:0}
.titles p{margin:2px 0 0;font-size:12px;opacity:.9}
.container{max-width:900px;margin:24px auto;padding:0 16px}
.card{background:#fff;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.06);padding:18px;margin-bottom:18px}
h2{margin:0 0 10px}
label{display:block;font-size:13px;margin-bottom:6px;color:#1b5460}
input{width:100%;padding:12px 14px;border:1px solid #cfe1e5;border-radius:10px;font-size:16px;background:#fbfeff}
.btn{margin-top:12px;display:inline-block;background:#1a7587;color:#fff;border:none;border-radius:12px;padding:12px 16px;font-weight:600;cursor:pointer}
.btn:hover{filter:brightness(1.05)}
.tiers{margin-top:10px}
.tiers summary{cursor:pointer;color:#1a7587}
.result{margin-top:14px;padding:12px;border:1px dashed #cfe1e5;border-radius:10px;background:#f8fcfd}
.result strong{color:#0b3b43}