.auth-gate{position:fixed;z-index:200;inset:0;padding:28px;background:radial-gradient(circle at 18% 22%,rgba(33,200,183,.13),transparent 36%),radial-gradient(circle at 82% 76%,rgba(67,141,245,.14),transparent 34%),#080d13;display:grid;place-items:center;overflow:auto}.auth-gate[hidden]{display:none}.auth-shell{width:min(960px,100%);min-height:590px;border:1px solid #263342;border-radius:12px;background:#101720;box-shadow:0 30px 100px rgba(0,0,0,.55);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(390px,1.1fr);overflow:hidden}.auth-visual{padding:54px 46px;background:linear-gradient(145deg,rgba(33,200,183,.14),rgba(67,141,245,.06)),linear-gradient(180deg,#111d27,#0c131b);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.auth-logo{width:62px;height:62px;margin-bottom:28px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;box-shadow:0 16px 40px rgba(33,200,183,.18)}.auth-visual h1{margin:0 0 12px;font-size:34px}.auth-visual>p:not(.eyebrow){max-width:330px;margin:0;color:#8b9baa;font-size:12px;line-height:1.9}.auth-security-list{width:100%;margin-top:46px;display:grid;gap:12px}.auth-security-list span{padding:11px 12px;border:1px solid rgba(255,255,255,.06);border-radius:5px;background:rgba(255,255,255,.025);color:#91a3b3;display:flex;align-items:center;gap:10px;font-size:9px}.auth-security-list i{width:18px;color:var(--cyan);text-align:center}.auth-panel{padding:34px 42px;background:#111821}.auth-tabs{height:42px;margin-bottom:28px;padding:4px;border:1px solid #25313e;border-radius:6px;background:#0c1219;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.auth-tabs button{border:0;border-radius:4px;background:transparent;color:#718191;font-size:9px;font-weight:700;cursor:pointer}.auth-tabs button.active{background:#1a2632;color:#e8eef4}.auth-form{display:grid;gap:13px}.auth-form[hidden]{display:none}.auth-form>div:first-child{margin-bottom:6px}.auth-form h2{margin:0 0 6px;font-size:21px}.auth-form>div:first-child>small{color:#718191;font-size:9px}.auth-form .field{margin:0}.auth-form .field label span{color:#657687}.auth-form .input-wrap{height:42px}.auth-form .input-wrap>i{width:38px;color:#5f7387;text-align:center;font-size:10px}.auth-form .input-wrap input{padding-left:0}.auth-form .button{height:42px;margin-top:5px}.auth-message{margin-bottom:13px;padding:10px 12px;border:1px solid rgba(255,98,105,.3);border-radius:5px;background:rgba(255,98,105,.06);color:var(--red);font-size:9px;line-height:1.5}.auth-message.success{border-color:rgba(38,201,138,.3);background:rgba(38,201,138,.06);color:var(--green)}body.auth-pending>.rail,body.auth-pending>.topbar,body.auth-pending>.app,body.auth-pending>.toast-stack,body.auth-pending>.modal-backdrop{visibility:hidden}.logout-button{color:#8796a5}.logout-button:hover{color:var(--red);border-color:rgba(255,98,105,.3)}.account-button small{display:block;white-space:nowrap}@media(max-width:760px){.auth-gate{padding:14px}.auth-shell{min-height:0;grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{padding:28px 24px}}@media(max-width:420px){.auth-panel{padding:22px 16px}.auth-tabs{margin-bottom:22px}.auth-tabs button{font-size:8px}}
.user-settings-button{color:#8796a5}.user-settings-button:hover{color:var(--cyan);border-color:rgba(33,200,183,.3)}.user-settings-modal{width:min(440px,100%)}.user-settings-icon{background:rgba(33,200,183,.1);color:var(--cyan)}.user-settings-modal form{margin-top:16px}.user-settings-modal .field:last-of-type{margin-bottom:0}

.auth-logo{width:74px;height:74px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.auth-logo img{display:block;width:60px;height:60px;object-fit:contain}