:root{--navy:#0A1B3B;--jet:#000;--accent:#2EB5FF;--text:#ffffff;--bg:#000;--header-h:82px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;color:#fff;font-family:Inter,system-ui,Arial,Helvetica,sans-serif}
a{color:var(--accent);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.row{display:flex;gap:16px;flex-wrap:wrap}
.card{background:rgba(10,27,59,.35);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
.btn{background:var(--accent);color:#001b2a;padding:10px 16px;border-radius:12px;font-weight:700;display:inline-block}
.btn-outline{border:1px solid rgba(255,255,255,.2);padding:10px 16px;border-radius:12px;color:#fff}
.hero{position:relative;height:60vh;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s}
.hero img.active{opacity:1}
small,.muted{color:rgba(255,255,255,.75)}
input,select,textarea{width:100%;padding:12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff}
label{font-size:12px;color:rgba(255,255,255,.75)}
.hidden{display:none}
img.logo{height:48px;width:auto;border-radius:10px;display:block;filter:drop-shadow(0 6px 18px rgba(46,181,255,.35))}
.price-pill,.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-size:12px}
header{height:var(--header-h)}
header .bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(90deg, rgba(10,27,59,.92) 0%, rgba(0,0,0,.92) 100%);border-bottom:1px solid rgba(255,255,255,.12)}
.logo-wrap{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);padding:6px 10px;border-radius:12px}
.after-header{height:16px}
.float-wa{position:fixed;right:16px;bottom:16px;background:#25D366;color:#001b2a;padding:10px 14px;border-radius:24px;font-weight:700;box-shadow:0 0 24px rgba(46,181,255,.25)}
.timeline{position:relative;padding-left:22px}
.timeline::before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.15)}
.t-item{position:relative;margin-bottom:10px}
.t-item::before{content:"";position:absolute;left:-2px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
.kicker{font-size:12px;color:rgba(255,255,255,.75);margin-bottom:6px;letter-spacing:.3px;text-transform:uppercase}
.muted-box{color:rgba(255,255,255,.75);font-size:12px}
/* Dark selects */
select, option {background-color: rgba(255,255,255,.06) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.12); -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select:focus{ outline: 2px solid rgba(46,181,255,.55); }