.auth-container{--bg-primary:#0b1120;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#2dd4bf;--accent-secondary:#14b8a6;--accent-glow:rgba(45,212,191,.25);--border-color:#334155;--success:#22c55e;--error:#ef4444;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:1.25rem}.auth-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.4);max-width:450px;width:100%;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:2.5rem 2rem;text-align:center;color:var(--text-primary)}.auth-title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em}.auth-subtitle{margin:.625rem 0 0;font-size:1rem;color:var(--accent-primary);font-weight:400}.auth-form{padding:2.5rem 2rem 1.5rem}.auth-form h2{margin:0 0 1.75rem;color:var(--text-primary);font-size:1.375rem;font-weight:600}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500;font-size:.875rem}.form-group input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.auth-button{width:100%;padding:.875rem;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.625rem}.auth-button:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{padding:0 2rem 2rem;text-align:center}.auth-footer p{color:var(--text-muted);font-size:.875rem;margin:0 0 1.25rem}.link-button{background:none;border:none;color:var(--accent-primary);font-weight:600;cursor:pointer;font-size:.875rem;text-decoration:none;padding:0;transition:color .2s ease}.link-button:hover{color:var(--accent-secondary)}.error-message{background:rgba(239,68,68,.1);color:var(--error);border-left:3px solid var(--error)}.error-message,.success-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1.25rem;font-size:.875rem}.success-message{background:rgba(34,197,94,.1);color:var(--success);border-left:3px solid var(--success)}.test-credentials{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:1rem;border-radius:8px;margin-top:.625rem}.test-credentials small{color:var(--text-secondary);line-height:1.6}.test-credentials strong{color:var(--text-primary)}@media (max-width:480px){.auth-box{margin:0;border-radius:0;border-left:none;border-right:none}.auth-header{padding:2rem 1.25rem}.auth-form{padding:2rem 1.25rem 1.25rem}.auth-footer{padding:0 1.25rem 1.25rem}}@media (prefers-reduced-motion:reduce){.auth-box,.auth-button{animation:none;transition:none}}