/* Naples Studios - checkout premium, dark emerald */
#billingView[hidden], #billingPayment[hidden] {display:none!important}
#billingView {min-height:100vh;display:grid;place-items:center;padding:30px 14px;background:radial-gradient(ellipse at 80% 5%,rgba(19,191,123,.18),transparent 48%),radial-gradient(ellipse at 5% 94%,rgba(19,125,96,.13),transparent 50%),#07120f;color:#f4fff9;font-family:inherit;position:relative;z-index:3}
.billing-shell {width:min(100%,920px);display:grid;grid-template-columns:1fr 1.07fr;overflow:hidden;border:1px solid #285342;border-radius:23px;background:linear-gradient(160deg,#102a20,#0a1b15);box-shadow:0 30px 100px #0007}
.billing-intro {padding:44px 36px;background:linear-gradient(145deg,#123d2c,#081a14)}
.billing-logo {font-size:14px;font-weight:800;letter-spacing:.28em;color:#6ff2ad}
.billing-kicker {display:inline-flex;margin-top:65px;color:#89d8b5;font-size:11px;font-weight:750;letter-spacing:.16em}
.billing-intro h1 {font-size:clamp(35px,4vw,54px);letter-spacing:-.055em;line-height:1.02;margin:18px 0}
.billing-intro h1 em {color:#77f0a7;font-style:normal}
.billing-intro p {color:#a5caba;line-height:1.65;font-size:14px}
.billing-price {font-size:46px;font-weight:800;letter-spacing:-.06em;margin:28px 0 14px}
.billing-price small {font-size:16px;color:#a1c8b6;letter-spacing:0}
.billing-benefits {margin:12px 0 0;padding:0;list-style:none;font-size:13px;color:#c4e3d4;line-height:2.4}
.billing-benefits li:before {content:'✓';color:#77f0a7;font-weight:900;margin-right:10px}
.billing-content {padding:44px 36px}
.billing-content h2 {font-size:23px;margin:2px 0 8px;letter-spacing:-.025em;color:#e7f9ed}
.billing-content>p {font-size:13px;color:#9cc2b0;margin-bottom:23px;line-height:1.5}
.billing-form {display:flex;flex-direction:column;gap:15px}
.billing-form label {display:grid;gap:7px;font-size:11px;letter-spacing:.08em;font-weight:800;color:#a9d6bf;text-transform:uppercase}
.billing-form input {border:1px solid #315946;background:#092218;color:#fff;outline:none;padding:14px 13px;border-radius:10px;font-size:15px;width:100%}
.billing-form input:focus {border-color:#7bffbc;box-shadow:0 0 0 3px #74d69b21}
.billing-primary {padding:15px 18px;border:0;border-radius:10px;font-weight:800;cursor:pointer;color:#082215;background:linear-gradient(90deg,#68eaa8,#c0f792);font-size:14px}
.billing-primary:disabled {opacity:.48;cursor:not-allowed}
.billing-note {color:#8dad9d;font-size:11px;line-height:1.5;margin:0}
#billingMessage {margin:16px 0 0;color:#97ebbf;font-size:13px;line-height:1.5}
#billingMessage.bad {color:#ffb5b5}
#billingPayment {margin:20px 0 10px;padding:16px;border:1px solid #306449;border-radius:13px;background:#091a14;display:flex;flex-direction:column;align-items:center;gap:10px}
#billingQrImg {width:160px;height:160px;object-fit:contain;border-radius:8px;background:#fff}
#billingPixCode {width:100%;min-height:56px;resize:vertical;background:#112a20;border:1px solid #385848;color:#deffe7;padding:9px;border-radius:7px;font-size:12px}
.billing-tools {display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 0}
.billing-tools button, .billing-tools a, #billingTicket {color:#a1f5c5;border:0;background:none;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline}
.billing-tools button:last-child {margin-left:auto}
#billingDue {font-size:11px;color:#9fc3ae;text-align:center}
@media(max-width:730px){.billing-shell{grid-template-columns:1fr}.billing-intro{padding:25px}.billing-kicker{margin-top:25px}.billing-price{margin:14px 0 0}.billing-content{padding:28px 25px}}