.auth-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-box{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;width:100%;max-width:420px;padding:48px;box-shadow:0 20px 60px #00000080}.auth-title{text-align:center;color:var(--text-white);margin:0 0 8px;font-size:32px;font-weight:600}.auth-subtitle{color:var(--text-tertiary);text-align:center;margin:0 0 32px;font-size:14px}.auth-mode-toggle{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;gap:8px;margin-bottom:24px;padding:4px;display:flex}.toggle-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.toggle-button:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.toggle-button.active{background:var(--accent-primary);color:var(--text-white)}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.auth-form{flex-direction:column;gap:24px;display:flex}.auth-input-group{flex-direction:column;gap:10px;display:flex}.auth-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.auth-input-wrapper{position:relative}.auth-hint{color:var(--text-tertiary,#666);margin:4px 0 0;padding-left:24px;font-size:12px}.auth-input{background:var(--bg-primary);border:1px solid var(--border-primary);width:100%;color:var(--text-white);box-sizing:border-box;border-radius:8px;padding:14px 16px;font-size:15px;transition:all .2s}.auth-input:focus{border-color:var(--accent-primary);background:var(--bg-hover);outline:none}.auth-input::placeholder{color:var(--text-tertiary)}.auth-error{background:var(--error-bg);border:1px solid var(--error);color:var(--error-hover);border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.auth-button{background:var(--accent-primary);width:100%;color:var(--text-white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.auth-button:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-loading{color:var(--text-tertiary);text-align:center;padding:40px 20px;font-size:16px}