*{box-sizing:border-box}body{margin:0;font:16px/1.4 system-ui,sans-serif;background:#0f1115;color:#f2f4f8}
main{max-width:520px;margin:0 auto;padding:20px}
h1{font-size:20px;letter-spacing:.12em;margin:0 0 16px}
.card{background:#181b22;padding:14px;border-radius:14px;margin-bottom:12px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label{font-size:12px;color:#9aa4b5;display:block;margin-bottom:4px}
select,input{width:100%;padding:10px;border-radius:8px;border:1px solid #2b303b;background:#0f1115;color:inherit;font:inherit}
.hero{padding:22px;border-radius:18px;background:linear-gradient(160deg,#1c8a5a,#0f5a3b);margin-bottom:12px}
.hero.stay{background:linear-gradient(160deg,#3b5bdb,#2a3f9e)}.hero.none{background:#262b36}
.hero small{opacity:.9}.big{font-size:50px;font-weight:800;line-height:1.05}.hero h2{margin:6px 0 2px;font-size:22px}
.hero select.horizon{display:inline;width:auto;padding:0 4px;background:transparent;border:0;border-bottom:1px dashed #fff;border-radius:0;font-size:inherit}
.chips{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.chip{background:#ffffff22;padding:4px 10px;border-radius:99px;font-size:13px}
.promo{margin-top:12px;background:#00000033;border-radius:10px;padding:10px 12px;font-size:14px}.promo b{color:#ffd43b}
.cta{display:block;margin-top:14px;padding:14px;border-radius:12px;background:#fff;color:#0b3d28;text-align:center;font-weight:700;text-decoration:none}
.fine{font-size:12px;opacity:.8;margin-top:8px}.foot{text-align:center}
.remind{background:#181b22;border:1px solid #ffd43b55;border-radius:14px;padding:14px;margin-bottom:12px}
.remind b{color:#ffd43b}.btn2{display:block;margin-top:10px;text-align:center;padding:10px;border-radius:10px;background:#262b36;font-size:14px;font-weight:600;color:inherit;border:0;width:100%;cursor:pointer}
details{background:#181b22;border-radius:14px;margin-bottom:12px}
summary{padding:14px;cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"＋";color:#9aa4b5}details[open] summary::after{content:"−"}
details>div{padding:0 14px 14px}
.seg{display:flex;gap:6px;margin-bottom:10px}.seg button{flex:1;padding:8px;border-radius:8px;background:#262b36;border:0;color:inherit;font:inherit;font-size:14px;cursor:pointer}.seg .on{background:#2f9e6b}
.r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #262b36}
.r small{color:#9aa4b5;display:block}.r b{color:#51cf8f;white-space:nowrap}.tagp{font-size:11px;background:#ffd43b;color:#222;padding:1px 6px;border-radius:99px;margin-left:6px}
.q{padding:10px 0;border-top:1px solid #262b36}.opts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.o{padding:8px 12px;border-radius:99px;background:#262b36;font-size:14px;border:0;color:inherit;font-family:inherit;cursor:pointer}.o[aria-pressed=true]{background:#2f9e6b}
.ad{margin-top:16px;border:1px dashed #3a4050;border-radius:10px;padding:14px;text-align:center;color:#6b7487;font-size:12px}
.span2{grid-column:1/-1}.monthly{font-weight:600;color:#51cf8f;min-height:1.2em}
.check{display:flex;align-items:center;gap:8px;font-size:15px;color:#f2f4f8;margin:0}.check input{width:auto}
.promobox{background:#0f1115;border-radius:10px;padding:10px}.promobox label{margin-top:8px}.promobox[hidden]{display:none}