.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.login-page__bg{position:fixed;inset:0;pointer-events:none}.login-page__bg::before{content:'';position:absolute;top:-10%;left:30%;width:900px;height:700px;background:radial-gradient(ellipse,rgba(0,204,255,0.1) 0%,transparent 70%);transform:translateX(-50%)}.login-page__bg::after{content:'';position:absolute;bottom:0;right:10%;width:600px;height:600px;background:radial-gradient(ellipse,rgba(168,85,247,0.06) 0%,transparent 70%)}.login-page__container{width:100%;max-width:440px;position:relative;z-index:1}.login-page__logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:var(--space-2xl)}.login-page__logo-img{width:40px;height:40px;border-radius:var(--radius-md)}.login-page__logo-text{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:1.5rem;color:var(--text-primary)}.login-card{padding:var(--space-2xl)!important;border:1px solid rgba(255,255,255,0.08)!important;box-shadow:0 16px 64px rgba(0,0,0,0.5),0 0 80px rgba(0,204,255,0.05)}.login-card__tabs{display:flex;gap:4px;background:rgba(255,255,255,0.04);border-radius:var(--radius-pill);padding:4px;margin-bottom:var(--space-xl);position:relative}.login-card__tab{flex:1;padding:10px 16px;background:transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);position:relative;z-index:1}.login-card__tab--active{color:var(--text-primary)}.login-card__tab-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:rgba(0,204,255,0.12);border-radius:var(--radius-pill);transition:transform var(--transition-normal);pointer-events:none}.login-card__tab:last-of-type.login-card__tab--active ~ .login-card__tab-indicator{transform:translateX(100%)}.login-card__tab:hover:not(.login-card__tab--active){color:var(--text-secondary)}.login-card__step{display:none;flex-direction:column;gap:14px}.login-card__step--active{display:flex}.login-card__user-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:2px}.login-card__user-info .user-highlight{color:var(--brand-cyan);font-weight:var(--fw-medium)}.login-card__link-btn{background:none;color:var(--brand-cyan);font-size:var(--fs-xs);cursor:pointer;padding:0;transition:color var(--transition-fast)}.login-card__link-btn:hover{color:#66e0ff}.login-card__forgot{text-align:center;color:var(--text-muted);font-size:var(--fs-xs);transition:color var(--transition-fast);margin-top:2px;display:block;background:none;cursor:pointer}.login-card__forgot:hover{color:var(--brand-cyan)}.login-card__password-strength{height:4px;border-radius:var(--radius-pill);background:rgba(255,255,255,0.06);overflow:hidden;margin-top:-6px}.login-card__password-strength .strength-bar{height:100%;border-radius:var(--radius-pill);transition:width 0.3s,background 0.3s}.login-card__password-strength .strength-text{font-size:var(--fs-xs);margin-top:4px;display:block}.login-card__msg{padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--fs-sm);text-align:center;margin-top:var(--space-md)}.login-card__msg--error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:#fca5a5}.login-card__msg--success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:#6ee7b7}.login-card__loading{display:flex;justify-content:center;padding:var(--space-md)}.login-card__oauth{display:flex;flex-direction:column;gap:10px}.login-card__oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border-radius:var(--radius-md);background:rgba(255,255,255,0.04);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast)}.login-card__oauth-btn:hover{background:rgba(255,255,255,0.07);border-color:var(--border-accent);color:var(--text-primary)}.login-card__oauth-btn:disabled{opacity:0.3;pointer-events:none}.login-card__oauth-btn svg{flex-shrink:0}.login-card .input{background:var(--bg-surface);border-color:var(--border-primary)}.login-card .input:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 3px rgba(0,204,255,0.12)}.login-card .input.input-error{border-color:rgba(239,68,68,0.5)}.login-card .input.input-success{border-color:rgba(34,197,94,0.4)}.field-hint{font-size:var(--fs-xs);margin-top:-8px;min-height:16px;transition:opacity var(--transition-fast)}.field-hint.error{color:#fca5a5}.field-hint.success{color:#6ee7b7}.login-page__footer{text-align:center;margin-top:var(--space-xl)}.login-page__footer a{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-medium);transition:color var(--transition-fast)}.login-page__footer a:hover{color:var(--text-primary)}#oauth-loading-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999}.oauth-spinner .spinner-ring{width:48px;height:48px;border:3px solid rgba(255,255,255,0.1);border-top-color:var(--brand-cyan);border-radius:50%;animation:spin 0.7s linear infinite}.login-card .divider--text{margin:var(--space-lg) 0}.login-card__pairing{text-align:center}.login-card__pairing-desc{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.5}.login-card__pairing-inputs{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:var(--space-lg)}.login-card__pairing-char{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:var(--fw-bold);font-family:var(--font-mono,'Courier New',monospace);letter-spacing:0;color:var(--text-primary);background:var(--bg-surface);border:2px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-transform:uppercase}.login-card__pairing-char:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 3px rgba(0,204,255,0.15);outline:none}.login-card__pairing-char.filled{border-color:var(--brand-cyan);color:var(--brand-cyan)}.login-card__pairing-sep{width:12px;height:3px;background:var(--border-primary);border-radius:2px;flex-shrink:0}@media(max-width:480px){.login-card{padding:var(--space-xl)!important}.login-page{padding:20px 16px}.login-card__pairing-char{width:40px;height:48px;font-size:1.25rem}.login-card__pairing-inputs{gap:6px}}