.field-container{position:relative}.field-container.has-error input,.field-container.has-error select{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-container.has-success input,.field-container.has-success select{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.field-container.has-warning input,.field-container.has-warning select{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.field-error{color:#ef4444;font-size:.875rem;margin-top:.25rem;animation:slideIn .3s ease-out}.field-success{color:#10b981;font-size:.875rem;margin-top:.25rem}.password-strength{margin-top:.5rem}.strength-bar{height:4px;border-radius:2px;background-color:#e5e7eb;overflow:hidden;margin-bottom:.25rem}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-weak .strength-fill{background-color:#ef4444;width:25%}.strength-fair .strength-fill{background-color:#f59e0b;width:50%}.strength-good .strength-fill{background-color:#10b981;width:75%}.strength-strong .strength-fill{background-color:#059669;width:100%}.strength-text{font-size:.75rem;color:#6b7280}.social-login-btn{transition:all .2s ease-in-out;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;cursor:pointer}.social-login-btn:hover{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.social-login-btn:active{transform:translateY(0)}.social-login-btn svg{width:1.25rem;height:1.25rem}.remember-me-container{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.remember-me-checkbox{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #d1d5db;background-color:#fff;cursor:pointer}.remember-me-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}.forgot-password-link{color:#3b82f6;font-size:.875rem;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#2563eb;text-decoration:underline}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-message{padding:.75rem;border-radius:.375rem;margin-top:1rem;font-size:.875rem;font-weight:500;animation:slideIn .3s ease-out}.form-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.form-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.form-message.warning{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.form-message.info{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.email-verification-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.email-verification-banner .icon{flex-shrink:0;width:1.5rem;height:1.5rem}.email-verification-banner .content{flex:1}.email-verification-banner .title{font-weight:600;margin-bottom:.25rem}.email-verification-banner .description{font-size:.875rem;opacity:.9}.email-verification-banner .resend-btn{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.email-verification-banner .resend-btn:hover{background-color:#ffffff4d;border-color:#ffffff80}.two-factor-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;margin-top:1rem}.two-factor-code{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.two-factor-code input{width:3rem;height:3rem;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid #d1d5db;border-radius:.375rem;background-color:#fff}.two-factor-code input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.two-factor-code input.filled{border-color:#10b981;background-color:#f0fdf4}.session-timeout-warning{position:fixed;top:1rem;right:1rem;background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:50;max-width:20rem;animation:slideInRight .3s ease-out}.session-timeout-warning .title{font-weight:600;margin-bottom:.5rem}.session-timeout-warning .description{font-size:.875rem;margin-bottom:1rem}.session-timeout-warning .actions{display:flex;gap:.5rem}.session-timeout-warning .extend-btn{background-color:#f59e0b;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer}.session-timeout-warning .logout-btn{background-color:transparent;color:#92400e;border:1px solid #f59e0b;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer}.account-lockout{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:1rem;border-radius:.5rem;margin-top:1rem;text-align:center}.account-lockout .icon{width:2rem;height:2rem;margin:0 auto .5rem;color:#dc2626}.account-lockout .title{font-weight:600;margin-bottom:.5rem}.account-lockout .description{font-size:.875rem;margin-bottom:1rem}.account-lockout .timer{font-weight:600;color:#dc2626}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:640px){.social-login-btn{width:100%;margin-bottom:.5rem}.two-factor-code{gap:.25rem}.two-factor-code input{width:2.5rem;height:2.5rem;font-size:1.25rem}.session-timeout-warning{top:.5rem;right:.5rem;left:.5rem;max-width:none}}@media(prefers-color-scheme:dark){.social-login-btn{background-color:#374151;border-color:#4b5563;color:#f9fafb}.social-login-btn:hover{background-color:#4b5563;border-color:#6b7280}.two-factor-container{background-color:#1f2937;border-color:#374151}.two-factor-code input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.two-factor-code input:focus{border-color:#3b82f6}.form-message.success{background-color:#064e3b;color:#d1fae5;border-color:#065f46}.form-message.error{background-color:#7f1d1d;color:#fee2e2;border-color:#991b1b}.form-message.warning{background-color:#78350f;color:#fef3c7;border-color:#92400e}.form-message.info{background-color:#1e3a8a;color:#dbeafe;border-color:#1e40af}}.social-login-btn:focus,.remember-me-checkbox:focus,.forgot-password-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.two-factor-code input:focus{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-contrast:high){.field-container.has-error input,.field-container.has-error select,.field-container.has-success input,.field-container.has-success select,.social-login-btn,.form-message{border-width:2px}}