
.account-auth{max-width:960px;margin:3rem auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.account-welcome h1{font-size:3.1rem;font-weight:800;line-height:1.15;letter-spacing:-.045em;margin:1.1rem 0}.account-welcome h1 span{color:#b7efce}.account-eyebrow{font-size:.66rem;letter-spacing:.12em;color:#a2b5a9}.account-welcome p{font-size:.9rem;color:#b4c0b9;line-height:1.7;max-width:310px}.account-welcome-pills{display:flex;gap:.5rem;margin-top:1.4rem}.account-welcome-pills span{font-size:.7rem;border:1px solid #ffffff15;border-radius:6px;padding:.4rem .6rem;color:#b8c5bd;background:#121715}
.account-auth-card,.account-settings-panel{background:#101314;border:1px solid #ffffff15;border-radius:12px;padding:1.6rem;min-width:0}.account-auth-card h2{font-size:1.65rem;letter-spacing:-.025em;margin:1.5rem 0 .5rem}.account-muted{font-size:.8rem;line-height:1.6;color:#a0b0a6}.account-auth-tabs{display:flex;padding:4px;background:#090c0d;border:1px solid #ffffff0b;border-radius:8px;gap:4px}.account-auth-tabs a{flex:1;text-align:center;padding:.65rem;border-radius:5px;text-decoration:none;color:#a1afa5;font-size:.82rem}.account-auth-tabs .is-active{background:#202923;color:#d6f3e1}
.account-form{display:grid;gap:1rem;margin-top:1.5rem}.account-form label,.account-security-form label{display:grid;gap:.5rem;font-size:.78rem;color:#c5d0c9}.account-form input,.account-security-form input{background:#090c0d;border:1px solid #ffffff18;border-radius:7px;padding:.8rem;color:#eef3f0;outline-color:#b7efce;font:inherit;width:100%;box-sizing:border-box;min-width:0}.account-password{position:relative}.account-password input{padding-right:3rem}.account-password>button{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;border:0;background:none;color:#95a79b;cursor:pointer;padding:.2rem}.account-password svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.account-primary,.account-secondary,.account-telegram-start{font:inherit;font-size:.82rem;font-weight:600;padding:.8rem 1rem;border-radius:7px;border:1px solid #ffffff18;cursor:pointer;text-decoration:none}.account-primary{display:flex;justify-content:center;gap:1rem;background:#b7efce;color:#102016;border-color:#b7efce}.account-secondary{background:#202724;color:#d2e1d8}.account-telegram-start{width:100%;display:flex;align-items:center;justify-content:center;gap:.65rem;background:#18232a;color:#cbdce7;border-color:#7aadd72a}.account-telegram-start svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}.account-auth button:disabled,.account-settings button:disabled{opacity:.5;cursor:wait}.account-divider{display:flex;align-items:center;gap:.8rem;color:#75877b;font-size:.7rem;margin:1.3rem 0}.account-divider::before,.account-divider::after{content:'';height:1px;background:#ffffff0d;flex:1}.account-message{font-size:.78rem;line-height:1.5;color:#b7d9c4;margin:.7rem 0 0;overflow-wrap:anywhere}.account-message:empty{display:none}.account-message.is-error{color:#e0a7a7}.account-telegram-code{display:grid;gap:.75rem;margin-top:1rem;padding:1rem;border:1px solid #ffffff12;border-radius:8px;background:#0b1012}.account-telegram-code p{font-size:.75rem;color:#b0c1b5;margin:0;line-height:1.5}.account-telegram-code [data-copy-code]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem;border:1px solid #ffffff16;border-radius:6px;background:#1c2520;color:#d6f0e0;cursor:pointer;min-width:0}.account-telegram-code code{font-size:.87rem;font-weight:600;overflow-wrap:anywhere}.account-telegram-code a{font-size:.8rem;color:#b6d9ee;text-decoration:none}.account-telegram-code small{font-size:.65rem;color:#8c9e92;line-height:1.5}
.account-settings{max-width:860px;margin:1.5rem auto;display:grid;gap:1rem}.account-settings-head>a{font-size:.8rem;color:#a7b9ad;text-decoration:none}.account-settings-head h1{font-size:2rem;margin:.7rem 0 .35rem;letter-spacing:-.03em}.account-settings-head p{margin:0 0 .5rem;font-size:.83rem;color:#a4b4a9}.account-settings-form{display:grid;gap:1rem}.account-settings-panel h2{font-size:1.1rem;margin:0 0 1rem;font-weight:650}.account-setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-top:1px solid #ffffff0b;min-width:0}.account-setting-row>span{display:grid;gap:.35rem;min-width:0}.account-setting-row strong{font-size:.83rem;color:#e1e9e4;font-weight:550}.account-setting-row small{font-size:.7rem;color:#93a69a;line-height:1.5}.account-switch{appearance:none;position:relative;width:36px;height:21px;border:1px solid #ffffff16;border-radius:20px;background:#303934;flex-shrink:0;cursor:pointer;margin:0}.account-switch::after{content:'';position:absolute;width:15px;height:15px;background:#a9b6ae;border-radius:50%;top:2px;left:2px}.account-switch:checked{background:#9bd9b4;border-color:#9bd9b4}.account-switch:checked::after{left:17px;background:#153220}.account-choice{display:flex;flex-shrink:0;gap:3px;background:#090c0d;padding:3px;border-radius:6px;border:1px solid #ffffff10}.account-choice button{font:inherit;font-size:.72rem;border:0;border-radius:4px;padding:.5rem .65rem;background:none;color:#99aa9f;cursor:pointer}.account-choice button[aria-pressed=true]{background:#23342a;color:#cbebd7}
.account-select{position:relative;flex-shrink:0;font-size:.75rem;min-width:110px}.account-select summary{list-style:none;display:flex;justify-content:space-between;gap:1rem;padding:.6rem .7rem;background:#202824;border:1px solid #ffffff15;border-radius:6px;color:#d2e0d7;cursor:pointer}.account-select summary::-webkit-details-marker{display:none}.account-select>div{position:absolute;top:calc(100% + 5px);right:0;min-width:150px;z-index:4;background:#1c2320;border:1px solid #ffffff1a;border-radius:7px;padding:.25rem;display:grid;gap:.2rem}.account-select button{border:0;background:none;color:#c9d9ce;text-align:left;font:inherit;padding:.6rem .7rem;border-radius:4px;cursor:pointer}.account-select button:hover{background:#2a352e}.account-save-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.account-security-form{display:grid;gap:.8rem}.account-password-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.account-security-form small{color:#93a69a;font-size:.7rem;line-height:1.6}.account-security-form button{justify-self:start}.account-auth [hidden],.account-settings [hidden]{display:none!important}
@media(max-width:760px){.account-auth{display:block;width:100%;max-width:420px;margin:1.5rem auto}.account-welcome{display:none}.account-auth-card{padding:1.25rem}.account-auth-card h2{font-size:1.45rem}.account-form input,.account-security-form input{font-size:16px}.account-settings{margin:.7rem auto;gap:.8rem}.account-settings-panel{padding:1.1rem}.account-setting-row{gap:.7rem}.account-setting-row strong{font-size:.78rem}.account-setting-row small{font-size:.67rem}.account-settings-head h1{font-size:1.7rem}.account-password-fields{grid-template-columns:1fr}.account-save-row{align-items:stretch;flex-direction:column}.account-select{min-width:95px}.account-choice button{padding:.45rem .5rem}.account-settings .account-setting-row:has([data-logout-all]){align-items:flex-start;flex-direction:column}}

.account-link-password{display:grid;gap:.5rem;margin-bottom:.8rem;font-size:.78rem;color:#c5d0c9}.account-link-password input{font:inherit;background:#090c0d;border:1px solid #ffffff18;border-radius:7px;padding:.8rem;color:#eef3f0;outline-color:#b7efce;width:100%;box-sizing:border-box}@media(max-width:760px){.account-link-password input{font-size:16px}}

.account-auth{display:block;max-width:420px;width:100%;margin:2.5rem auto 3rem}
.account-auth-card{background:#0d0e10;border-color:#ffffff15;padding:1.65rem;border-radius:13px}
.account-auth-card h2{color:#f1f2f4;font-size:1.55rem;margin-top:1.5rem}
.account-auth .account-muted{color:#999ca5;font-size:.8rem}
.account-auth-tabs{background:#070809;border-color:#ffffff0a}.account-auth-tabs a{color:#8c9098}.account-auth-tabs .is-active{background:#25272b;color:#f1f2f4}
.account-auth .account-form label{color:#d2d4d9}.account-auth .account-form input{background:#08090b;border-color:#ffffff14;color:#f2f3f5;outline-color:#a6aab3}
.account-auth .account-password>button{color:#8e929b}
.account-auth .account-primary{background:#ebedf0;border-color:#ebedf0;color:#15171a}
.account-auth .account-telegram-start{background:#1a1c20;border-color:#ffffff18;color:#e2e4e8}
.account-auth .account-divider{color:#737780}.account-auth .account-telegram-code{background:#090a0c;border-color:#ffffff12}
.account-auth .account-telegram-code p{color:#b9bdc5}.account-auth .account-telegram-code [data-copy-code]{background:#1b1d21;border-color:#ffffff16;color:#e6e8ed}
.account-auth .account-telegram-code a{color:#d8dbe3}.account-auth .account-telegram-code small{color:#818690}.account-auth .account-message{color:#b9c5bd}.account-auth .account-message.is-error{color:#e0a7a7}
@media(max-width:760px){.account-auth{margin:1.5rem auto 2rem}.account-auth-card{padding:1.25rem}}

.account-settings{max-width:740px;margin:1rem auto;gap:.75rem}.account-settings-form{gap:.75rem}.account-settings-head h1{font-size:1.7rem;margin:.5rem 0 .3rem}.account-settings-head>a{color:#a8aab2}
.account-settings-panel{padding:1.1rem 1.25rem;background:#0d0e10;border-color:#ffffff13;border-radius:10px}.account-settings-panel h2{font-size:1rem;margin-bottom:.65rem;color:#eeeef1}.account-setting-row{padding:.65rem 0;gap:.8rem}.account-setting-row strong{color:#dedee3;font-size:.8rem}.account-setting-row small,.account-security-form small,.account-settings .account-muted{color:#91939e;font-size:.68rem}
.account-settings .account-switch{background:#303137;border-color:#ffffff15}.account-settings .account-switch::after{background:#aaadb6}.account-settings .account-switch:checked{background:#e0e2e7;border-color:#e0e2e7}.account-settings .account-switch:checked::after{background:#27292e}
.account-settings .account-select summary,.account-settings .account-select>div{background:#1c1d21;color:#d4d5dc;border-color:#ffffff18}.account-settings .account-select button{color:#c8cad3}.account-settings .account-select button:hover{background:#2b2d33}
.account-settings .account-primary{background:#e6e8ed;border-color:#e6e8ed;color:#16171a;padding:.65rem .9rem}.account-settings .account-secondary,.account-settings .account-telegram-start{background:#202126;color:#dcdde4;border-color:#ffffff18;padding:.65rem .85rem}
.account-settings .account-link-password,.account-settings .account-security-form label{color:#c6c7cf}.account-settings .account-link-password input,.account-settings .account-security-form input{background:#090a0c;border-color:#ffffff16;outline-color:#a6aab3;padding:.65rem .75rem}
.account-settings .account-security-form{gap:.65rem}.account-settings .account-message{color:#b8bfc3;font-size:.72rem}.account-settings .account-message.is-error{color:#dca6a6}.account-settings .account-telegram-code{background:#090a0c}.account-settings .account-telegram-code [data-copy-code]{background:#1c1e22;color:#e2e4e8}.account-settings .account-telegram-code a{color:#d4d7e0}.account-settings .account-telegram-code p,.account-settings .account-telegram-code small{color:#a1a4ae}
@media(max-width:760px){.account-settings-panel{padding:.95rem 1rem}.account-setting-row{padding:.6rem 0}.account-settings{gap:.65rem}.account-settings-form{gap:.65rem}}
