.subscription-card{position:relative;overflow:hidden;padding:24px;border:1.5px solid #b9d8f1;border-radius:24px;background:linear-gradient(150deg,#eaf6ff,#fff 58%);box-shadow:0 12px 36px #34699b14;margin-bottom:18px}.subscription-card::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#60a8e8,#4486c4)}.subscription-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.subscription-eyebrow{display:block;color:#4c8fbd;font-size:10px;font-weight:700;letter-spacing:1.1px;margin-bottom:7px}.subscription-card h2{font-size:29px;letter-spacing:-.7px;margin:0;color:#1e4f73}.subscription-status-badge{padding:7px 11px;border-radius:20px;background:#dff3e9;color:#24734d;font-size:12px;font-weight:700}.subscription-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #d8e9f4;margin:20px 0;padding-top:18px}.subscription-details div{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid #d8e9f4;border-radius:13px;background:#ffffffa8}.subscription-details span{font-size:12px;color:#718699}.subscription-details strong{font-size:15px;color:#203e59}.subscription-renew{height:52px;margin-top:3px}.plan-lite{padding:24px;border:1.5px solid #b9d8f1;border-radius:24px;background:linear-gradient(150deg,#f1f8ff,#fff 55%);box-shadow:0 12px 36px #34699b0b}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-top h2,.plan-pro h2{font-size:25px;margin:0;letter-spacing:-.5px}.discount-badge{border-radius:30px;padding:7px 12px;background:#e0effd;color:#266ba5;font-size:15px;font-weight:700}.annual-offer{font-size:14px;color:#497ba4;margin:15px 0 11px}.plan-price{display:flex;align-items:baseline;gap:7px;margin-bottom:26px}.plan-price strong{font-size:42px;letter-spacing:-1.5px}.plan-price span{font-size:15px;color:var(--muted)}.duration-label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}#plan-months{width:100%;min-height:52px;font:inherit;font-size:15px;padding:12px;border:1px solid #bdcbd7;border-radius:13px;background:#fff;color:var(--ink)}#plan-months:focus-visible{outline:3px solid #579ee170;outline-offset:3px}.price-summary{margin:23px 0 20px}.total-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;flex-wrap:wrap}.total-row>span:last-child{display:flex;align-items:baseline;gap:8px}.total-row strong{font-size:20px}.total-row del{color:var(--muted);font-size:14px}#plan-saving{font-size:14px;color:#387daf;margin:10px 0 0}.payment-note,.discount-note{text-align:center;font-size:12px;line-height:1.6;color:var(--muted);margin:15px 0 0}.discount-note{font-size:12px;margin-top:12px}.plan-pro{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border:1px solid var(--line);border-radius:20px;margin-top:16px;color:#73879a}.plan-pro span{font-size:14px;padding:6px 11px;background:#f1f5f8;border-radius:30px}.account .intro{margin-bottom:24px}#account-name{overflow-wrap:anywhere}@media(max-width:370px){.plan-lite{padding:19px}.subscription-card{padding:19px}.plan-price strong{font-size:36px}.total-row{gap:8px}#buy-plan{font-size:15px}}

.account-nav{display:flex;gap:6px;padding:5px;background:#f0f5fa;border-radius:18px;margin:0 auto 28px;max-width:512px}.account-nav[hidden]{display:none}.account-nav button{flex:1;border:0;border-radius:13px;padding:14px 8px;background:transparent;color:#55728d;font:inherit;cursor:pointer}.account-nav button.selected{background:white;color:#203e59;box-shadow:0 2px 8px #203e5910;font-weight:600}.device-note{color:#244863;font-weight:600;margin:12px 0}.promo-field{margin-top:22px}.promo-field input{width:100%;min-height:50px}.profile-card{border:1px solid #dce7ee;border-radius:22px;padding:22px;margin-bottom:28px}.profile-card dl{margin:0}.profile-card dt{font-size:13px;color:#70869a;margin-bottom:6px}.profile-card dd{margin:0 0 20px;overflow-wrap:anywhere}.profile-card dd:last-child{margin-bottom:0}#change-password-form h2{font-size:20px;margin-bottom:22px}
main{flex-direction:column}.account-nav{width:100%;flex-shrink:0}

#phone-form{margin-bottom:32px}#admin-link{display:inline-block;margin-top:12px;color:#3179b9}#admin-link[hidden]{display:none}#personal-discount,#subscription-status{font-size:14px}#subscription-status{display:none}.promo-card h2{font-size:21px;margin:0 0 18px}.promo-card .button{margin-top:12px}
#auth-view .divider,#auth-view #telegram-login,#auth-view #telegram-login-error,#auth-view>.field-hint,#telegram-settings{display:none!important}
.credentials-card{padding:22px;border:1.5px solid #b9d8f1;border-radius:22px;background:#f3f9ff;margin-bottom:22px}.credentials-card h2{font-size:21px;margin:0 0 10px}.credentials-card dl{margin:20px 0}.credentials-card dt{font-size:13px;color:#70869a;margin-top:14px}.credentials-card dd{margin:4px 0 0;font-size:16px;font-weight:600;overflow-wrap:anywhere;user-select:text}.credentials-card .button{margin-top:4px}
.support-messages{min-height:220px;max-height:460px;overflow:auto;border:1px solid #dce7ee;border-radius:20px;padding:14px;margin-bottom:18px;background:#f7fbfe}.support-message{max-width:88%;padding:11px 14px;border-radius:16px;margin:8px 0}.support-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-message small{color:#6d8294;font-size:11px}.from-client{margin-right:auto;background:white;border:1px solid #dbe8f0}.from-admin{margin-left:auto;background:#e3f1ff}.support-view textarea{width:100%;resize:vertical;padding:14px;border:1px solid #bdcbd7;border-radius:14px;font:inherit}.support-view textarea:focus{outline:3px solid #579ee170;outline-offset:2px}
.referral-card{background:linear-gradient(145deg,#edf7ff,#fff 70%);border:1.5px solid #b9d8f1}.referral-card h2{font-size:23px;margin:8px 0 14px}.referral-card .field{margin-top:20px}.referral-card input{font-size:13px}.referral-card .button{margin-top:10px;height:48px}.referral-balance{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:16px;background:#e7f2fc}.referral-balance span{font-size:14px}.referral-balance strong{font-size:24px}#pay-bonus{margin-top:10px}
.bonus-icon{display:inline-flex;align-items:center;justify-content:center;width:1.45em;height:1.45em;border:1.5px solid #79b2e3;border-radius:50%;background:#e2f0fc;color:#3279b5;font-size:.75em;font-weight:700;line-height:1;vertical-align:middle;flex-shrink:0}#referral-earned,#referral-balance{white-space:nowrap}
#referral-earned,#referral-balance,#bonus-available{display:flex;align-items:center;gap:6px;line-height:1.25}.gift-panel{margin:22px 0;padding:16px;border:1px solid #d8e9f4;border-radius:16px;background:#f5faff}.gift-check{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;cursor:pointer}.gift-check input{width:18px;height:18px;flex-shrink:0;accent-color:#488ac8}#gift-fields{margin-top:18px}#gift-confirm-label{margin-top:14px}
.payment-balance{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:20px 22px;border:1px solid #b9d8f1;border-radius:22px;background:#edf7ff;margin-bottom:16px}.payment-balance strong{font-size:25px}.payment-balance p{flex-basis:100%;margin:0}.gift-panel{margin:0 0 18px;padding:0;border:0;background:transparent}#gift-fields{border:1px solid #d8e9f4;border-radius:18px;padding:18px;background:#f5faff}.connection-placeholder{border-top:1px solid #d8e9f4;padding:18px 0;margin-bottom:10px}.connection-placeholder h3{margin:0 0 10px;font-size:17px}.connection-placeholder p{font-size:14px;color:#718699;line-height:1.6}.connection-label{font-size:12px;color:#4c8fbd}.connection-key{padding:12px;margin-top:10px;border:1px dashed #b9d8f1;border-radius:12px;color:#718699;font-size:13px}.account-nav button{font-size:14px}
.connection-key{display:flex;align-items:center;gap:8px;padding:8px;border-style:solid;background:#fff}.connection-key input{flex:1;min-width:0;width:0;border:0;background:transparent;color:var(--ink);font:inherit;padding:5px;outline-offset:1px}.connection-key input::placeholder{color:#718699}.connection-key button{flex-shrink:0;border:0;border-radius:10px;padding:11px 12px;background:linear-gradient(110deg,#60a8e8,#488ac8);color:#fff;font:inherit;font-size:12px;font-weight:600}.connection-key button:disabled{cursor:default;opacity:.55}.connection-key button:not(:disabled):hover{background:#397dbb}@media(max-width:370px){.connection-key button{padding:10px 8px;font-size:11px}.connection-key input{font-size:12px}}
.legal-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:18px 0;color:#55728d}.legal-check input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#488ac8}.legal-check a,.legal-footer a{color:#327dbd}.legal-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:22px;font-size:12px;line-height:1.6;text-align:center}

#subscription-qr{display:block;width:220px;max-width:100%;height:auto;margin:20px auto;background:white;border-radius:14px;padding:10px}#subscription-qr[hidden]{display:none}.connection-key input{min-width:0}

.device-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #dce7ee}.device-row>div{min-width:0;overflow-wrap:anywhere}.device-row p{margin:5px 0 0}.device-row button{flex-shrink:0;padding:9px 12px;border-radius:10px;background:#e3f1ff;color:#287abd}

.duration-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;margin:12px 0 22px}.duration-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:58px;min-width:0;width:100%;padding:0;border:1px solid #cfe0ef;border-radius:12px;background:#fff;color:#244660;transition:background .15s,border-color .15s,box-shadow .15s}.duration-number{font-size:21px;font-weight:600;line-height:1}.duration-saving{position:absolute;top:5px;right:4px;color:#458ac9;font-size:10px;font-weight:600;line-height:1}.duration-tile:hover{background:#edf6ff;border-color:#80b7e8}.duration-tile[aria-pressed=true]{background:linear-gradient(135deg,#60a8e8,#488ac8);border-color:#488ac8;color:#fff;box-shadow:0 5px 12px #4b8ece25}.duration-tile[aria-pressed=true] .duration-saving{color:#fff}@media(max-width:370px){.duration-tiles{gap:10px 8px}.duration-tile{border-radius:9px;min-height:54px}.duration-number{font-size:18px}.duration-saving{font-size:9px;right:3px}}

@media(max-width:600px){.duration-tile{min-height:60px;border-radius:9px}.duration-number{font-size:18px}.duration-saving{font-size:9px;top:5px;right:3px}}