.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:700}.login-header p{margin:0;color:#64748b;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.875rem}.form-group input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error{border-color:#ef4444}.password-input-container{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;color:#64748b}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.general-error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:6px;border:1px solid #fecaca;text-align:center}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#374151}.checkbox-label input[type=checkbox]{width:auto;margin:0}.forgot-password-link{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:underline;font-size:.875rem}.login-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.login-button:hover:not(:disabled){background:#2563eb}.login-button:disabled{background:#9ca3af;cursor:not-allowed}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;color:#64748b}.register-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:underline}.login-attempts{margin-top:1rem;padding:.75rem;background:#fffbeb;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:.875rem;text-align:center}@media (max-width: 480px){.login-container{padding:.5rem}.login-card{padding:1.5rem}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.register-card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;width:100%;max-width:450px}.register-header{text-align:center;margin-bottom:2rem}.register-header h2{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:700}.register-header p{margin:0;color:#64748b;font-size:.875rem}.register-form{display:flex;flex-direction:column;gap:1.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;color:#374151;font-size:.875rem;line-height:1.4}.checkbox-label input[type=checkbox]{width:auto;margin:0;margin-top:.125rem}.checkbox-label a{color:#3b82f6;text-decoration:underline}.register-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.register-button:hover:not(:disabled){background:#2563eb}.register-button:disabled{background:#9ca3af;cursor:not-allowed}.register-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;color:#64748b}.login-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:underline}@media (max-width: 480px){.register-container{padding:.5rem}.register-card{padding:1.5rem}}