.premium-selector { width: min(100%, 1480px); margin: 0 auto; }
.premium-selector .premium-option { cursor: pointer; position: relative; gap: 16px; }
.premium-option input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: #58efa5; }
.premium-option:has(input:checked) { background: #a981ff20; outline: 1px solid #a981ff; }
.premium-option:has(input:focus-visible) { outline: 2px solid #73ffb6; outline-offset: 3px; }
.premium-option .plan-feature-copy { flex: 1; }
.premium-option .plan-feature-copy strong, .premium-option .plan-feature-copy span { display: block; }
.premium-option .plan-feature-copy strong { color: #f5f6f8; font-size: 16px; }
.premium-option .plan-feature-copy span { color: #b8b8c1; font-size: 14px; line-height: 1.5; margin-top: 5px; }
.premium-option-price { color: #80ffb8; font-weight: 700; white-space: nowrap; }
.premium-summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 28px; padding: 24px; border: 1px solid #ffffff20; border-radius: 18px; background: #ffffff08; }
.premium-summary div { display: grid; gap: 8px; }
.premium-summary div span { color: #c3c0cd; font-size: 14px; }
.premium-summary strong { color: #fff; font-size: 24px; }
.premium-summary button { border: 0; border-radius: 9px; padding: 17px 24px; background: #60fda4; color: #10171a; font-weight: 800; cursor: pointer; }
.premium-summary button:hover { background: #a0ffc6; }
@media (max-width: 760px) {
    .premium-selector .plan-feature-grid { grid-template-columns: 1fr; }
    .premium-selector .premium-option { align-items: center; padding: 14px; }
    .premium-option .plan-feature-copy strong { font-size: 14px; }
    .premium-option .plan-feature-copy span { font-size: 12px; }
    .premium-option-price { font-size: 12px; }
    .premium-summary { align-items: stretch; flex-direction: column; }
}