*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: oklch(21% .034 264.665);--primary-hover: oklch(37.3% .034 259.733);--primary-focus: oklch(54.6% .245 262.881);--primary-disabled: oklch(96.7% .003 264.542);--primary-shadow-focus: oklch(92.8% .006 264.531);--error-color: oklch(57.7% .245 27.325);--error-bg: oklch(97.1% .013 17.38);--success-color: oklch(52.7% .154 150.069);--success-bg: oklch(98.2% .018 155.826);--text-primary: oklch(21% .034 264.665);--text-secondary: oklch(55.1% .027 264.364);--text-disabled: oklch(70.7% .022 261.325);--border-color: oklch(87.2% .01 258.338);--border-focus: oklch(54.6% .245 262.881);--bg-primary: #ffffff;--bg-secondary: #f9fafb;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 8px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}body{font-family:system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,#fbfbfb,#eaeaea);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:32px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),oklch(70.7% .165 254.624),var(--primary-color))}.logo{text-align:center;margin-bottom:32px}.form-group{margin-bottom:12px;position:relative}.form-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:4px;font-size:14px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:14px;transition:var(--transition);background:var(--bg-primary);color:var(--text-primary)}.font-input::placeholder{opacity:1;color:var(--text-secondary)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-shadow-focus)}.form-input.error{border-color:var(--error-color)}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.password-container{position:relative}.password-toggle{width:32px;height:32px;display:flex;justify-content:center;align-items:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:var(--transition)}.password-toggle:hover{color:var(--text-primary);background:var(--bg-secondary)}.error-message{color:var(--error-color);font-size:12px;margin-top:2px;display:flex;align-items:center;gap:6px}.success-message{color:var(--success-color);font-size:14px;margin-top:6px;display:flex;align-items:center;gap:6px}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox{width:16px;height:16px;border:1px solid var(--border-color);border-radius:4px;position:relative;cursor:pointer;transition:var(--transition)}.checkbox input{opacity:0;position:absolute;width:100%;height:100%;margin:0;cursor:pointer}.checkbox input:checked~.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox input:checked~.checkmark:after{opacity:1}.checkbox input:focus~.checkmark{box-shadow:0 0 0 3px var(--primary-shadow-focus)}.checkmark{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;transition:var(--transition)}.checkmark:after{content:"✓";position:absolute;color:#fff;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:var(--transition)}.checkbox-label{font-size:14px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.forgot-link{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition)}.forgot-link:hover{color:var(--primary-hover);text-decoration:underline}.submit-btn{width:100%;background:var(--primary-color);color:#fff;border:none;padding:14px 24px;border-radius:var(--border-radius);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:var(--primary-disabled);color:var(--text-disabled);cursor:not-allowed;transform:none}.btn-loading{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.submit-btn.loading .btn-text{opacity:0}.submit-btn.loading .btn-loading{display:block}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:32px 0;text-align:center;position:relative;color:var(--text-secondary);font-size:14px;background-color:var(--bg-primary)}.divider .divider-text{flex-shrink:0;background-color:var(--bg-primary)}.divider .line{content:"";width:100%;height:1px;background:var(--border-color)}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition)}.social-btn:hover{border-color:var(--text-secondary);background:var(--bg-secondary)}.signup-link{text-align:center;margin-top:24px;color:var(--text-secondary);font-size:14px}.signup-link a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.signup-link a:hover{color:var(--primary-hover);text-decoration:underline}.success-message{color:var(--success-color);background-color:var(--success-bg);border-radius:8px;padding:12px 16px;margin:16px 0;font-size:14px;font-weight:400;display:flex;align-items:center;gap:8px}.general-error{color:var(--error-color);background-color:var(--error-bg);border-radius:8px;padding:12px 16px;margin:16px 0;font-size:14px;font-weight:400;display:flex;align-items:center;gap:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{animation:slideIn .5s ease-out}@media (max-width: 480px){.login-container{padding:24px;margin:0 12px}.form-options{flex-direction:column;align-items:flex-start}.social-login{grid-template-columns:1fr}}@media (prefers-contrast: high){:root{--border-color: #000000;--text-secondary: #000000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}