.account-page { background: radial-gradient(circle at 25% 2%, rgba(60,116,230,.13),transparent 36rem),var(--bg); }
.account-page .header-help.is-current { color:var(--text);box-shadow:inset 0 -1px var(--blue); }
.account-page main { width:min(1140px,calc(100% - 48px));min-height:70vh;margin:auto; }
.account-loading { display:grid;min-height:55vh;place-content:center;justify-items:center;gap:16px;color:var(--muted);font-size:13px; }
.account-spinner { width:28px;height:28px;border:2px solid #26374e;border-top-color:var(--blue);border-radius:50%;animation:account-spin .8s linear infinite; }
@keyframes account-spin { to { transform:rotate(360deg); } }
.account-login { display:grid;min-height:660px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(45px,8vw,120px);align-items:center;padding:72px 0 92px; }
.login-visual { overflow:hidden;display:flex;min-height:490px;flex-direction:column;border:1px solid #31415a;border-radius:20px;background:radial-gradient(circle at 50% 42%,rgba(70,132,250,.2),transparent 43%),linear-gradient(135deg,#1a2639,#0d131d);box-shadow:0 35px 85px rgba(0,0,0,.3);padding:27px;direction:ltr; }
.login-visual-top,.login-visual-bottom { display:flex;justify-content:space-between;color:#7f9fc9;font-size:10px;letter-spacing:.12em; }.login-visual-top i { font-style:normal;letter-spacing:.3em; }.login-visual-bottom { gap:15px;justify-content:center; }.login-visual-bottom span { border:1px solid #354a68;border-radius:6px;padding:9px 12px; }
.login-orbit { display:grid;flex:1;place-items:center; }.login-orbit > div { display:grid;width:min(270px,74%);aspect-ratio:1;place-content:center;justify-items:center;border:1px solid #3764a0;border-radius:50%;background:radial-gradient(circle,#1f3b65,#101b2b 70%);box-shadow:0 0 0 22px rgba(57,125,240,.06),0 0 0 52px rgba(57,125,240,.035),inset 0 0 65px rgba(40,99,200,.16); }.login-orbit strong { margin-top:10px;color:#f4f8ff;font-size:31px;letter-spacing:-.04em; }.login-orbit small { margin-top:7px;color:#7ea8e7;font-size:9px;letter-spacing:.16em; }
.orbit-wave,.side-wave { display:flex;height:42px;align-items:center;gap:5px; }.orbit-wave i,.side-wave i { width:4px;height:35%;border-radius:5px;background:#75a9ff;box-shadow:0 0 12px rgba(77,141,255,.4); }.orbit-wave i:nth-child(2),.side-wave i:nth-child(2) { height:86%; }.orbit-wave i:nth-child(3),.side-wave i:nth-child(3) { height:62%; }.orbit-wave i:nth-child(4),.side-wave i:nth-child(4) { height:100%; }.orbit-wave i:nth-child(5),.side-wave i:nth-child(5) { height:45%; }
.account-kicker { color:#90b8fa;font-size:12px;font-weight:700; }.login-panel h1 { max-width:560px;margin:17px 0 18px;font-size:clamp(33px,3.8vw,48px);line-height:1.18;letter-spacing:-.04em; }.login-panel > p:not(.account-error):not(.login-footnote) { max-width:530px;margin:0;color:var(--muted);font-size:15px;line-height:1.9; }
.account-form { display:grid;gap:12px;margin-top:30px; }.account-form label { color:#dce6f3;font-size:13px;font-weight:700; }.account-form input { width:100%;height:51px;border:1px solid #344258;border-radius:10px;outline:0;background:#121a26;padding:0 16px;color:#fff;font:inherit;font-size:16px; }.account-form input:focus { border-color:#6da5ff;box-shadow:0 0 0 3px rgba(77,141,255,.12); }.account-form #code { font-size:22px;letter-spacing:.4em;text-align:center; }
.channel-picker { display:flex;gap:8px;margin:4px 0 7px; }.channel-picker button { min-height:39px;flex:1;border:1px solid #2b3a50;border-radius:8px;background:#121a26;color:#92a1b7;font-size:12px;cursor:pointer; }.channel-picker button[aria-pressed="true"] { border-color:#4776bd;background:#1a2a43;color:#d8e9ff; }.account-primary,.account-secondary { display:inline-flex;min-height:45px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;padding:10px 16px;cursor:pointer;font:inherit;font-size:13px;font-weight:700; }.account-primary { background:var(--blue-strong);color:white; }.account-primary:hover { background:var(--blue); }.account-primary:disabled,.account-secondary:disabled { opacity:.5;cursor:wait; }.account-secondary { border-color:#34445a;background:#17202d;color:#cad9eb; }.account-secondary:hover { border-color:#557ab2;background:#1b2b40; }.account-text-button { border:0;background:none;padding:8px;color:#9fbef1;cursor:pointer;font:inherit;font-size:12px; }.account-text-button:hover { color:#fff; }
.code-actions { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.account-error { margin:17px 0 0;border:1px solid #55313c;border-radius:8px;background:#291922;padding:11px 13px;color:#ffb3bb;font-size:12px;line-height:1.8; }.login-footnote { margin:23px 0 0;color:#78879c;font-size:12px;line-height:1.9; }.form-hint { margin:0;color:#93a6bd;font-size:12px; }.bot-link { display:grid;gap:12px;margin-top:20px;border:1px solid #284e79;border-radius:10px;background:#132339;padding:18px; }.bot-link p { margin:0;color:#c4d8f4;font-size:13px;line-height:1.8; }.bot-link a { width:max-content;color:#81b5ff;font-size:13px;text-decoration:underline; }
.account-dashboard { padding:69px 0 110px; }.account-hero { display:flex;align-items:end;justify-content:space-between;gap:25px; }.account-hero h1 { max-width:680px;margin:13px 0 10px;font-size:clamp(31px,3.8vw,45px);line-height:1.3;letter-spacing:-.035em; }.account-hero p { margin:0;color:var(--muted);font-size:13px;direction:ltr;text-align:start; }.account-hero-actions { display:flex;align-items:center;gap:10px;white-space:nowrap; }.dashboard-message { margin:25px 0 0;border:1px solid #365c8f;border-radius:8px;background:#16253a;padding:12px 16px;color:#c9e1ff;font-size:12px; }
.subscription-overview { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.7fr);gap:16px;margin-top:37px; }.subscription-card,.subscription-side { min-width:0;min-height:280px;border:1px solid #2c3c52;border-radius:17px;background:linear-gradient(125deg,#182941,#111822 76%);padding:27px;box-shadow:0 20px 60px rgba(0,0,0,.15); }.subscription-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }.subscription-label { color:#94b7ec;font-size:12px;font-weight:700; }.subscription-status { border:1px solid #37654f;border-radius:99px;background:#143123;padding:6px 11px;color:#7bdda9;font-size:11px; }.subscription-status.is-muted { border-color:#615037;background:#2a2418;color:#e5bb75; }.subscription-card h2 { margin:28px 0 5px;font-size:26px;line-height:1.45; }.subscription-card > p { margin:0;color:#a3b2c7;font-size:13px;line-height:1.75; }.subscription-dates { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:27px; }.subscription-dates > div { display:grid;gap:6px;border-top:1px solid #344861;padding-top:14px; }.subscription-dates small { color:#8a9bb1;font-size:11px; }.subscription-dates strong { color:#e6eef9;font-size:13px; }.subscription-progress { margin-top:23px; }.subscription-progress > div:first-child { display:flex;justify-content:space-between;color:#aabbd0;font-size:11px; }.subscription-progress strong { color:#e4efff;font-size:12px; }.progress-track { overflow:hidden;height:6px;margin-top:9px;border-radius:10px;background:#28384c; }.progress-track i { display:block;width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,#4d8dff,#77c7f7); }
.subscription-side { display:flex;align-items:flex-start;flex-direction:column;justify-content:end;border-color:#2a3850;background:radial-gradient(circle at 75% 25%,rgba(69,133,249,.2),transparent 40%),#111924; }.side-orbit { display:grid;width:95px;height:95px;margin-bottom:auto;place-items:center;border:1px solid #3a6aaf;border-radius:50%;box-shadow:0 0 0 15px rgba(77,141,255,.055); }.subscription-side > span { color:#93a5bb;font-size:12px; }.subscription-side > strong { margin-top:7px;font-size:34px;line-height:1.1; }.subscription-side > small { margin-top:5px;color:#798da7;font-size:11px; }.subscription-side > a { margin-top:24px;color:#99bdff;font-size:12px; }
.account-section { margin-top:104px; }.account-section-heading { display:flex;align-items:end;justify-content:space-between;gap:25px; }.account-section-heading h2 { margin:12px 0 9px;font-size:clamp(27px,3vw,36px);line-height:1.35;letter-spacing:-.03em; }.account-section-heading p { max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.9; }.account-note { margin:18px 0 0;border-inline-start:2px solid var(--blue);padding-inline-start:13px;color:#8294ad;font-size:12px;line-height:1.85; }
.quota-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:30px; }.quota-card { min-width:0;border:1px solid #2a3442;border-radius:15px;background:#111720;padding:23px; }.quota-card h3 { margin:0 0 20px;font-size:17px; }.quota-row { display:grid;gap:7px;border-top:1px solid #253140;padding:16px 0 7px; }.quota-row-head { display:flex;justify-content:space-between;gap:10px;color:#9db0c6;font-size:12px; }.quota-row-head strong { color:#e4edfa;font-size:12px; }.quota-track { overflow:hidden;height:5px;border-radius:10px;background:#273548; }.quota-track i { display:block;height:100%;border-radius:10px;background:#588ff1; }.quota-row small { color:#71839b;font-size:11px; }
.section-status { margin-top:22px;color:#8fa1b9;font-size:13px; }
.payment-list,.session-list { display:grid;gap:10px;margin-top:27px; }.payment-row { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.9fr) auto;align-items:center;gap:16px;border:1px solid #283545;border-radius:11px;background:#111720;padding:17px 20px; }.payment-row > div { display:grid;gap:5px;min-width:0; }.payment-row strong { overflow:hidden;color:#e2eaf5;font-size:13px;text-overflow:ellipsis;white-space:nowrap; }.payment-row small { color:#8293a9;font-size:11px;line-height:1.5; }.payment-status { justify-self:end;border:1px solid #416451;border-radius:30px;background:#172b21;padding:6px 9px;color:#7adba5;font-size:11px;white-space:nowrap; }.payment-status.is-pending { border-color:#685534;background:#2a2419;color:#e7be70; }.payment-status.is-failed { border-color:#624047;background:#2b1c22;color:#ef9da6; }#more-payments { margin-top:18px; }
.payment-row .reference-value { overflow-wrap:anywhere;white-space:normal;text-overflow:clip;direction:ltr;text-align:start; }
.session-row { display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #283545;border-radius:10px;background:#111720;padding:15px 18px; }.session-row > div { display:grid;gap:4px; }.session-row strong { font-size:13px; }.session-row small { color:#869ab2;font-size:11px; }.session-row button { border:1px solid #5d3d47;border-radius:7px;background:#2a1e25;padding:8px 11px;color:#eeb0b6;cursor:pointer;font:inherit;font-size:11px; }
html[lang="fa"] .login-panel h1 { font-size:clamp(31px,3.4vw,42px);line-height:1.5;letter-spacing:-.025em; }html[lang="fa"] .account-hero h1 { font-size:clamp(29px,3.2vw,40px);line-height:1.5; }html[lang="fa"] .account-section-heading h2 { font-size:clamp(25px,2.8vw,30px);line-height:1.5; }
@media(max-width:900px) { .account-login { grid-template-columns:1fr;gap:42px; }.login-visual { min-height:300px; }.login-orbit > div { width:190px; }.subscription-overview { grid-template-columns:1fr; }.subscription-side { min-height:210px; }.quota-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.payment-row { grid-template-columns:1fr 1fr; }.payment-status { justify-self:start; } }
@media(max-width:620px) { .account-page main { width:min(100% - 32px,1140px); }.account-login { padding:50px 0 75px; }.login-visual { min-height:260px; }.login-panel h1 { font-size:32px; }.account-dashboard { padding-top:50px; }.account-hero { align-items:start;flex-direction:column; }.account-hero-actions { width:100%;justify-content:space-between; }.account-section { margin-top:78px; }.quota-grid { grid-template-columns:1fr; }.payment-row { grid-template-columns:1fr 1fr;padding:15px; }.subscription-card,.subscription-side { padding:21px; }.account-page .site-footer { width:min(100% - 32px,1140px); } }
@media(prefers-reduced-motion:reduce) { .account-spinner { animation:none; } }