.account-auth{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}
.account-panel{padding:28px;background:linear-gradient(125deg,#1b1324dd,#0d0f18ed);border:1px solid #69417e70;border-radius:12px;margin-bottom:20px}
.account-panel h2{font-size:25px;margin-bottom:15px;line-height:1.25}.account-panel p{font-size:13px;line-height:1.8;margin:12px 0}
.account-panel form{display:grid;gap:18px;margin-top:20px}.account-panel label,.checkout-dialog label{display:block;font-size:12px;color:#b8a8c7}
.account-panel input:not([type=checkbox]){width:100%;display:block;margin-top:8px;padding:12px 14px;border:1px solid #624576;border-radius:6px;color:#f4eef7;background:#0b0d14;font:15px Arial,sans-serif}
.auth-modes{display:flex;gap:20px;border-bottom:1px solid #ffffff15;padding-bottom:13px}.auth-modes button{border:0;background:none;color:#9d88ae;font:19px var(--display);padding:5px 0}.auth-modes button.selected{color:#e9d0ff;border-bottom:2px solid #a83eff}
.form-error{color:#ee99bc!important;font-size:12px!important;min-height:18px;line-height:1.5!important}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.account-heading p{margin-top:12px;font-size:13px}
.account-subscriptions{display:grid;gap:20px}.subscription-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.subscription-top h2{margin:0}.subscription-state{font-size:11px;color:#ad9cb9;border:1px solid #6f5c7b;border-radius:20px;padding:4px 12px;white-space:nowrap}.subscription-state.is-active{color:#d4b0f4;border-color:#a84ce9;background:#943dc018}
.subscription-actions{display:flex;gap:12px;flex-wrap:wrap}.subscription-actions button:not(.primary){border:1px solid #6a477e;border-radius:6px;background:#20152c;color:#dfcaef;padding:10px 16px;font-size:12px}.subscription-feedback{font-size:12px;color:#ca98ee!important}
.account-history{margin:40px 0 15px}.account-history h2{margin-bottom:15px}.account-hint{font-size:12px;line-height:1.7;color:#96869f;margin:15px 0}.order-row{display:flex;align-items:center;gap:25px;padding:17px 0;border-bottom:1px solid #ffffff12;font-size:12px}.order-row .text-link{margin:0 0 0 auto}
.checkout-dialog{width:min(480px,calc(100% - 28px))}.checkout-dialog form{display:grid;gap:20px;margin-top:25px}.checkout-dialog select{margin-top:8px}.checkout-total{font:24px var(--display);color:#e4c6f9!important}
.consent{display:flex!important;gap:10px;align-items:flex-start;line-height:1.6!important;font-size:11px!important}.consent input{width:16px;height:16px;flex-shrink:0;accent-color:#a83eff;margin-top:2px}.consent a{color:#ce9eee;text-decoration:underline;text-underline-offset:3px}.checkout-result h3{font-size:23px;margin:25px 0 15px}.checkout-result .primary{margin-top:20px}.checkout-result .text-link{display:block}
.account-connect-link{display:block;margin:0 0 20px;color:#dfb1ff;font-size:12px}.account-panel .primary{font-size:14px}
@media(max-width:700px){.account-auth{grid-template-columns:1fr;gap:5px}.account-panel{padding:22px}.account-heading{align-items:flex-start}.account-heading h1{font-size:33px}.subscription-top{align-items:flex-start}.subscription-top h2{font-size:22px}.order-row{flex-wrap:wrap;gap:10px 20px}.order-row .text-link{margin:0}.subscription-actions{flex-direction:column}.subscription-actions button{width:100%}.account-panel dl{margin:20px 0}.account-heading .login{padding:7px 10px}}

.consent[hidden]{display:none!important}

/* Account entry: alternate original city scene and a single focused sign-in panel. */
body:has(#account-view:not([hidden])){isolation:isolate;background:#06070b}
body:has(#account-view:not([hidden])):before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06070be8 0%,#0c0616b0 45%,#07071065 75%),linear-gradient(0deg,#06070bf2,transparent 55%),url('/site/assets/account-fast.webp') center center/cover no-repeat}
#account-view:has(.account-auth){max-width:1260px;min-height:calc(100svh - 80px);padding:155px 55px 70px;display:grid;grid-template-columns:1fr 440px;column-gap:85px;align-content:center;align-items:start}
#account-view:has(.account-auth)>.eyebrow{grid-column:1;margin-top:35px;color:#ba75ed;font-size:10px;letter-spacing:2px}
#account-view:has(.account-auth)>h1{grid-column:1;font-size:58px;line-height:1.05;letter-spacing:1px;max-width:400px;margin:0 0 20px}
#account-view:has(.account-auth)>.intro{grid-column:1;font-size:14px;line-height:1.85;max-width:340px;margin:0;color:#b8adc6}
#account-view:has(.account-auth)>.account-hint{grid-column:1;max-width:340px;font-size:11px;line-height:1.75;margin-top:30px;color:#92869e}
.account-auth{grid-column:2;grid-row:1 / span 4;display:block;margin:0;border:1px solid #b261e750;border-radius:16px;background:linear-gradient(135deg,#22162de6,#0c0d17eb);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #d8b4f91a,0 24px 70px #0005;overflow:hidden}
.auth-methods{display:flex;gap:0;padding:8px;border-bottom:1px solid #a169bf25;background:#07071044}
.auth-methods button{width:50%;padding:12px;border:1px solid transparent;border-radius:9px;color:#a999b6;background:none;font:16px var(--display);letter-spacing:.7px;cursor:pointer}
.auth-methods button[aria-pressed=true]{background:#7f30ab26;border-color:#ad57df66;color:#e6c8fb}
.account-auth>.account-panel{margin:0;padding:26px 30px 30px;border:0;border-radius:0;background:none;box-shadow:none}
.account-auth>.account-panel[hidden]{display:none!important}
.account-auth .auth-modes{gap:25px;padding-bottom:12px}
.account-auth .auth-modes button{font-size:19px;letter-spacing:.4px}
.account-auth .account-panel h2{font-size:26px;line-height:1.3;margin-top:2px}
.account-auth .account-panel form{gap:18px;margin-top:24px}
.account-auth .account-panel p{font-size:12px;line-height:1.8;color:#ad9fba}
.account-auth .account-panel input:not([type=checkbox]){padding:12px 14px;border-color:#754d8f73;background:#080a12a8;border-radius:7px;transition:border-color .2s,box-shadow .2s}
.account-auth .account-panel input:focus{outline:none;border-color:#b866ee;box-shadow:0 0 0 3px #a83eff13}
.account-auth .primary{justify-content:center;padding:13px 22px;letter-spacing:1px;box-shadow:0 6px 24px #a83eff16;border-radius:7px}
.account-auth .form-error:empty{display:none}
.footer-documents{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#9784a5;align-items:center}
footer.section .footer-documents{margin-left:auto}
body:has(#account-view:not([hidden])) footer.section{max-width:1260px;background:#06070b88;backdrop-filter:blur(10px);border-top-color:#b57bdb25}
@media(min-width:1001px) and (min-height:650px){body:has(#home-view:not([hidden])) footer.section{gap:18px}.footer-documents{font-size:9px;gap:12px}}
@media(max-width:1000px){#account-view:has(.account-auth){padding:130px 35px 60px;grid-template-columns:1fr 410px;column-gap:35px}#account-view:has(.account-auth)>h1{font-size:45px}.footer-documents{gap:10px}}
@media(max-width:760px){#account-view:has(.account-auth){display:flex;flex-direction:column;min-height:0;padding:110px 24px 45px;gap:0;align-items:stretch}#account-view:has(.account-auth)>.eyebrow{margin-top:0;margin-bottom:14px}#account-view:has(.account-auth)>h1{font-size:42px;max-width:none;margin-bottom:15px}#account-view:has(.account-auth)>.intro{font-size:13px;max-width:450px;margin-bottom:25px}.account-auth{width:100%;max-width:480px;align-self:center}.account-auth>.account-panel{padding:23px}#account-view:has(.account-auth)>.account-hint{max-width:450px;margin:23px 0 0;font-size:11px}body:has(#account-view:not([hidden])):before{background-image:linear-gradient(180deg,#06070b88,#06070bd9 55%,#06070bf5),url('/site/assets/account-mobile-fast.webp');background-position:65% top}.footer-documents{flex-basis:100%;order:2;font-size:10px;gap:12px 18px}footer.section .footer-documents{margin-left:0}}
.subscription-time{margin:4px 0 22px;color:#c6b4d4;font:12px/1.5 Arial,sans-serif}
.subscription-time>div{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}
.subscription-time progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:#ffffff0c;accent-color:#ac62ed}
.subscription-time progress::-webkit-progress-bar{background:#ffffff0c;border-radius:8px}
.subscription-time progress::-webkit-progress-value{background:linear-gradient(90deg,#783dd5,#cc8dff);border-radius:8px}
.subscription-time progress::-moz-progress-bar{background:linear-gradient(90deg,#783dd5,#cc8dff);border-radius:8px}
.subscription-time.is-ending progress{accent-color:#e5b46a}
.subscription-time.is-ending progress::-webkit-progress-value{background:#e5b46a}
.account-fold{margin:26px 0;border:1px solid #a169bf35;border-radius:12px;background:#100d19b8;overflow:hidden}
.account-fold>summary{display:flex;align-items:center;gap:12px;padding:18px 22px;cursor:pointer;list-style:none;font:19px var(--display);color:#d4c5e0}
.account-fold>summary::-webkit-details-marker{display:none}
.account-fold>summary>span{font:12px Arial,sans-serif;color:#ac91bf;background:#a169bf15;border-radius:20px;padding:4px 9px}
.account-fold>summary:after{content:'+';margin-left:auto;color:#be87e7;font:22px Arial,sans-serif}
.account-fold[open]>summary:after{content:'−'}
.account-fold[open]>summary{border-bottom:1px solid #a169bf25}
.account-fold-body{padding:20px 22px}
.account-fold .account-hint{margin:0 0 15px}
.account-fold-body.account-subscriptions{margin:0}
@media(max-width:600px){.account-fold>summary{padding:16px}.account-fold-body{padding:16px}}

.promo-account{margin-top:24px}.promo-account form{grid-template-columns:1fr auto;align-items:end}.promo-account input{width:100%;min-width:0}.promo-history-row{display:grid;gap:6px;padding:14px 0;border-top:1px solid #69417e50}.promo-history-row strong{color:#d0a1ef;overflow-wrap:anywhere}.promo-history-row span,.promo-history-row small{font-size:12px;line-height:1.6;color:#b6a5c4}@media(max-width:600px){.promo-account form{grid-template-columns:1fr}}

.telegram-auth-panel .telegram-login-button{width:100%;margin:12px 0;font-size:18px}.telegram-auth-panel #telegram-login-status{color:#d9b5f3;min-height:24px}.telegram-auth-panel #telegram-match-code{font:24px monospace;letter-spacing:5px;color:#f4e6ff;white-space:nowrap}.telegram-auth-panel #telegram-login-progress{padding:5px 16px;background:#8e43bb12;border:1px solid #aa65d24d;border-radius:10px;margin:12px 0}.telegram-auth-panel .text-link{display:block;margin:14px 0;background:none;border:none;text-align:left;font-size:13px;cursor:pointer}.telegram-code-fallback{margin-top:22px;border-top:1px solid #9c5bba33;padding-top:18px}.telegram-code-fallback summary{font-size:12px;color:#ab99b9;cursor:pointer}.telegram-auth-panel [hidden]{display:none!important}

#email-verification input[name=code]{font:25px monospace;letter-spacing:6px;text-align:center}#email-verification .text-link{display:block;margin:12px 0;border:0;background:none;text-align:left;cursor:pointer;font-size:13px}#email-verification button:disabled{opacity:.5;cursor:wait}#email-verification [hidden],#email-verification[hidden]{display:none!important}#email-code-status{font-size:12px;color:#cfacd9}#email-verification-address{overflow-wrap:anywhere}

.password-rules{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px;font-size:12px;line-height:1.5;color:#a998b6}.password-rules li:before{content:'○';display:inline-block;width:20px;color:#866493}.password-rules li.met{color:#a6e1be}.password-rules li.met:before{content:'✓';color:#a6e1be}.password-repeat-hint{font-size:12px!important;color:#b7a1c5!important;margin-top:8px!important}.password-repeat-hint.matched{color:#a6e1be!important}#password-registration-rules[hidden]{display:none!important}
.account-loading{max-width:540px;margin:50px auto;text-align:center;padding:38px 24px;border:1px solid #8652a64d;border-radius:16px;background:#140e20bd}.account-loading h1{font-size:36px!important;margin:16px 0!important}.account-loading>p:last-child{font:14px/1.7 Arial,sans-serif;color:#bba9c9}.account-loading-spinner{display:block;width:32px;height:32px;margin:0 auto 24px;border:2px solid #6f378b66;border-top-color:#cf8df7;border-radius:50%;animation:account-loading-spin 1s linear infinite}@keyframes account-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.account-loading-spinner{animation:none}}
@media(max-width:760px){body:has(#account-view:not([hidden])):before{background-size:cover;background-repeat:no-repeat}}