.login-page{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.login-header{padding:var(--space-4) var(--space-6);border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.login-main{padding:var(--space-6);flex:1;place-items:center;display:grid}.login-card{width:100%;max-width:400px;padding:var(--space-6)}.login-entrance,.stagger-item{animation:rise-in var(--dur-slow) var(--ease-ink) both}.stagger-item:first-child{animation-delay:calc(var(--stagger) * 1)}.stagger-item:nth-child(2){animation-delay:calc(var(--stagger) * 2)}.login-pane>*{animation:rise-in var(--dur-slow) var(--ease-ink) both}.login-pane>:first-child{animation-delay:calc(var(--stagger) * 1)}.login-pane>:nth-child(2){animation-delay:calc(var(--stagger) * 2)}.login-pane>:nth-child(3){animation-delay:calc(var(--stagger) * 3)}.login-pane>:nth-child(4){animation-delay:calc(var(--stagger) * 4)}.login-pane>:nth-child(5){animation-delay:calc(var(--stagger) * 5)}.login-pane>:nth-child(6){animation-delay:calc(var(--stagger) * 6)}.login-card h1{margin:0 0 var(--space-2);font-size:var(--fs-xl)}.login-note{margin:0 0 var(--space-5);font-size:var(--fs-sm);color:var(--text-muted)}.login-tabs{border:1px solid var(--border);margin-bottom:var(--space-5);border-radius:10px;gap:2px;padding:2px;display:flex}.login-tabs button{color:inherit;font:inherit;font-size:var(--fs-xs);cursor:pointer;opacity:.65;white-space:nowrap;transition:background var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:8px;flex:1;padding:6px 8px}.login-tabs button:hover{opacity:1}.login-tabs button.active{background:var(--ink);color:var(--paper,var(--bg));opacity:1}.login-channel{border:1px solid var(--border);border-radius:10px;gap:2px;width:100%;padding:2px;display:inline-flex}.login-channel button{color:inherit;font:inherit;font-size:var(--fs-xs);cursor:pointer;opacity:.65;white-space:nowrap;transition:background var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:8px;flex:1;padding:6px 10px}.login-channel button:hover{opacity:1}.login-channel button.active{background:var(--ink);color:var(--paper,var(--bg));opacity:1}.login-expires{opacity:.6}.login-back{font-size:var(--fs-xs);opacity:.6;cursor:pointer;background:0 0;border:0;align-self:center;padding:2px 8px}.login-back:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-label{font-size:var(--fs-sm);flex-direction:column;gap:6px;display:flex}.login-check{font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;display:flex}.login-check input{accent-color:var(--ink);width:15px;height:15px}.login-error{font-size:var(--fs-sm);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-sunken);margin:0;padding:8px 14px}.login-social{margin-top:var(--space-5);gap:var(--space-3);animation:rise-in var(--dur-slow) var(--ease-ink) both;animation-delay:calc(var(--stagger) * 2);flex-direction:column;display:flex}.login-divider{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--fs-xs);margin-bottom:var(--space-1);display:flex}.login-divider:before,.login-divider:after{content:"";border-block-start:1px solid var(--border);flex:1}.login-social-btn{border:1px solid var(--border-strong);color:inherit;font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:inline-flex}.login-social-btn:hover{background:var(--bg-sunken);border-color:var(--ink-11)}.login-social-item{flex-direction:column;gap:4px;display:flex}.login-tg-host{justify-content:center;min-height:40px;display:flex}.login-tg-host iframe{border:0}.login-field-error{font-size:var(--fs-xs);color:var(--text-secondary);display:block}.login-label .field[aria-invalid=true]{border-color:var(--ink-11)}.login-submit{justify-content:center;padding-block:11px}.login-footer{border-block-start:1px solid var(--border);padding:var(--space-4);text-align:center;font-size:var(--fs-xs);color:var(--text-muted)}
