.login-container{background-color:#fafafa;flex-direction:column;min-height:100vh;display:flex}.login-content{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-card{text-align:center;background:#fff;border:1px solid #eaeaea;border-radius:16px;width:100%;max-width:480px;padding:3rem;box-shadow:0 4px 6px #0000000d}.login-title{color:#111;letter-spacing:-.02em;margin-bottom:1rem;font-size:2rem;font-weight:700}.login-subtitle{color:#666;margin-bottom:2.5rem;line-height:1.5}.form-group{text-align:left;margin-bottom:1.5rem}.form-label{color:#111;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.form-input{border:1px solid #eaeaea;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:#000;outline:none}.btn-full{width:100%;margin-top:1rem}.success-message{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.error-message{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.login-method-toggle{background:#f5f5f5;border-radius:8px;gap:.5rem;margin-bottom:2rem;padding:4px;display:flex}.toggle-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}.toggle-btn:hover{background:#0000000d}.toggle-btn.active{color:#111;background:#fff;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .login-card{background:#1a1a1a;border-color:#333}[data-theme=dark] .login-title{color:#fff}[data-theme=dark] .login-subtitle{color:#999}[data-theme=dark] .form-label{color:#fff}[data-theme=dark] .form-input{color:#fff;background:#2a2a2a;border-color:#333}[data-theme=dark] .form-input:focus{border-color:#00d4ff}[data-theme=dark] .login-method-toggle{background:#2a2a2a}[data-theme=dark] .toggle-btn{color:#999}[data-theme=dark] .toggle-btn:hover{background:#ffffff0d}[data-theme=dark] .toggle-btn.active{color:#fff;background:#333}[data-theme=dark] .success-message{color:#4ade80;background-color:#1a4d2e;border-color:#4ade80}[data-theme=dark] .error-message{color:#f87171;background-color:#4a1f1f;border-color:#f87171}.loading{color:#666;text-align:center;padding:2rem;font-size:1rem}[data-theme=dark] .loading{color:#999}