.payment-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:17px!important}
.payment-form>.full{grid-column:1!important}.payment-form .payment-label{margin:0;font-size:12px;font-weight:600;color:#bdcec4}
.payment-form .period-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.payment-form .period-tile{position:relative;display:grid;gap:7px;text-align:left;min-height:112px;padding:16px;border:1px solid #3a5144;border-radius:13px;background:#101d17;color:#dcebe2;box-shadow:none}
.payment-form .period-tile.active{border-color:#b2dfd2;background:#b2dfd210;box-shadow:inset 0 0 0 1px #b2dfd2}
.payment-form .period-tile strong{font-size:12px;font-weight:500}.payment-form .period-tile>span{font-size:24px;letter-spacing:-.5px;font-weight:650}.payment-form .period-tile small{font-size:10px;color:#9eb7a7}.payment-form .period-tile em{position:absolute;right:10px;top:11px;color:#b2dfd2;font-size:10px;font-style:normal}
.payment-form .payment-promo{font-size:12px;color:#b2c8bb}.payment-promo summary{width:max-content;cursor:pointer}.payment-promo label{display:block;margin-top:12px;font-size:11px;color:var(--muted)}.payment-promo input{margin-top:7px}
.payment-form .billing-toggle{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:12px;color:#c6d8cb;margin:0;padding:0;min-height:24px}.payment-form .billing-toggle input{width:18px;height:18px;min-height:0;accent-color:#b2dfd2}
.payment-form .payment-receipt{padding:0;border:0;background:none!important;display:grid;gap:10px}.payment-line{display:flex;justify-content:space-between;align-items:baseline;gap:18px;font-size:12px;color:#a8bfb0}.payment-line strong{white-space:nowrap;color:#d4e4da;font-weight:500}
.payment-due{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid #ffffff12;margin-top:5px;padding-top:18px;font-size:13px;color:#e5eee8}.payment-due strong{font-size:30px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}
.payment-method{display:grid;gap:8px;font-size:11px;color:#a8bfb0}.payment-method select{font-size:13px}
.payment-form .payment-submit{width:100%;padding:14px 18px;min-height:49px;background:#b2dfd2;color:#193027;font-size:14px;border-radius:12px}.payment-form .payment-submit:hover{background:#c8ece0}
.payment-form .payment-note{margin:-6px 0 0;text-align:center;font-size:10px;color:#90a99a;line-height:1.6}.payment-form .message:empty{display:none}.payment-form>.card-title{margin-bottom:0}.payment-form>.stack{gap:17px}.payment-package+.payment-package{border-top:1px solid var(--line);padding-top:22px;margin-top:6px}
.renewal-drawer-panel:has(.payment-form){width:min(490px,100%);padding:27px;border-radius:22px;background:#17231c}.renewal-drawer-panel:has(.payment-form) .renewal-drawer-copy{margin:8px 0 22px;line-height:1.6}.device-payment-panel:has(.payment-form){width:min(490px,100%);border-radius:22px}
@media(max-width:760px){.renewal-drawer:has(.payment-form),.device-payment-overlay:has(.payment-form){align-items:center;padding:12px}.renewal-drawer-panel:has(.payment-form),.device-payment-panel:has(.payment-form){padding:22px 18px;max-height:calc(100dvh - 24px)}.payment-form .period-tile{padding:14px;min-height:107px}.payment-due strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.payment-form *{transition:none!important}}
.payment-form [hidden]{display:none!important}.payment-form .billing-toggle{border:0;background:transparent!important}
.payment-promo[open]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.payment-promo[open] summary{grid-column:1/-1}.payment-promo .payment-promo-apply{min-height:41px;font-size:12px}.payment-method>strong{font-size:12px;font-weight:500;color:#d4e4da}