#account-login.login-split{max-width:980px;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;text-align:left;background:var(--panel);border-radius:24px}
.login-intro{padding:44px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 0 0,#6ba1f30d,transparent 75%);border-right:1px solid var(--line)}
#account-login .eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:1.8px}
#account-login h1{font-size:40px;letter-spacing:-1.7px;line-height:1.15;margin:24px 0 18px}
#account-login h1 span{display:block}
#account-login .account-description{font-size:14px;line-height:1.8;margin:0;max-width:270px}
.login-intro-bottom{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:70px;font-size:12px;color:var(--muted);line-height:1.6}
.login-intro-bottom img{width:42px;height:42px;object-fit:contain}
.login-methods{padding:40px;min-width:0}
.login-methods-heading h2{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:0 0 8px}
.login-methods-heading p{font-size:12px;color:var(--muted);margin:0 0 26px}
#account-login .telegram-login-wrap{margin:0;min-height:0;gap:10px;justify-items:stretch}
#account-login #telegram-login{min-height:0}
#account-login .telegram-primary{width:100%;min-height:48px;font-size:13px;gap:12px;padding:13px 16px;animation:none}
#account-login .telegram-primary:hover{transform:none}
#account-login #login-status{font-size:11px;line-height:1.6}
#account-login #login-status:empty{display:none}
#account-login #retry-login{justify-self:start;font-size:10px;padding:0;text-decoration:none;color:#8f9daf}
.login-divider{display:flex;align-items:center;gap:10px;margin:25px 0 14px;color:var(--muted);font-size:10px}
.login-divider::after{content:"";height:1px;background:var(--line);flex:1}
#account-login .alternate-login{display:grid;gap:8px;margin:0 0 10px;max-width:none}
#account-login .alternate-login button{display:flex;justify-content:flex-start;gap:12px;width:100%;min-height:48px;border-radius:11px;font-size:13px;padding:12px 15px}
#account-login .alternate-login button img{width:19px;height:19px}
.login-arrow{margin-left:auto;color:#8999ae;font-size:17px}
#account-login .alternate-login>[role=status]{font-size:11px;line-height:1.6;color:#adc9ee}
#account-login .alternate-login>[role=status]:empty{display:none}
.login-methods-note{font-size:11px;line-height:1.7;color:var(--muted);margin:16px 0 20px}
.login-privacy{border-top:1px solid var(--line);padding-top:16px}
.login-privacy summary{font-size:11px;color:#9eaabc;cursor:pointer}
#account-login .login-disclosure{font-size:10px;line-height:1.8;margin:12px 0 0;max-width:none}
/* Soft rounded hover instead of a bright rectangular strip. */
.subscription-card.test-configs button.config-item{border-radius:12px;border-color:transparent;transition:background-color .4s ease,box-shadow .4s ease,filter .4s ease}
.subscription-card.test-configs button.config-item:hover{border-color:transparent;background:#6ba1f307;box-shadow:inset 0 0 24px #6ba1f305;filter:none}
.subscription-card.test-configs button.config-item::after{background:radial-gradient(240px circle at var(--button-x,50%) var(--button-y,50%),#b4d5ff0d,transparent 85%);transition:opacity .45s ease}
.subscription-card.test-configs .config-list{gap:4px}
.subscription-card.test-configs button.config-item:focus-visible{outline:2px solid #8bb6f7;outline-offset:2px}
.account-footer{margin-top:20px}
@media(max-width:760px){#account-login.login-split{grid-template-columns:1fr;max-width:500px}.login-intro{padding:28px 26px;border-right:0;border-bottom:1px solid var(--line)}#account-login h1{font-size:32px;margin:15px 0 12px}#account-login h1 span{display:inline}.login-intro-bottom{display:none}#account-login .account-description{max-width:none;font-size:13px}.login-methods{padding:26px}.login-methods-heading h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.subscription-card.test-configs button.config-item,.subscription-card.test-configs button.config-item::after{transition:none}}