.auth-page{min-height:100vh;background:linear-gradient(135deg,#ecfdf5,#f0fdf4,#fef3c7);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Fira Sans,sans-serif}.auth-container{width:100%;max-width:1200px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000001a;display:grid;grid-template-columns:45% 55%;min-height:650px}.auth-container.centered{grid-template-columns:1fr;max-width:500px;min-height:auto}.auth-branding{background:linear-gradient(135deg,#10b981,#059669);padding:3rem;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.auth-branding-content{position:relative;z-index:1}.brand-logo{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.brand-logo.centered{justify-content:center;margin-bottom:2rem}.brand-logo svg{color:#fbbf24;filter:drop-shadow(0 4px 8px rgba(251,191,36,.3))}.brand-logo h1{font-size:1.75rem;font-weight:800;margin:0;color:#fff}.auth-branding h2{font-size:2.5rem;font-weight:800;margin:0 0 1rem;line-height:1.2}.auth-branding>p{font-size:1.1rem;line-height:1.6;opacity:.95;margin-bottom:3rem}.auth-features{display:flex;flex-direction:column;gap:1.5rem}.auth-feature{display:flex;gap:1rem;align-items:flex-start}.feature-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-feature h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.auth-feature p{margin:0;opacity:.9;font-size:.95rem}.auth-form-wrapper{padding:3rem;display:flex;align-items:center;justify-content:center}.auth-form-wrapper.centered{padding:2.5rem}.auth-form-container{width:100%;max-width:450px}.auth-form-header{margin-bottom:2rem}.auth-form-header.centered{text-align:center}.auth-form-header h2{font-size:2rem;font-weight:800;color:#1f2937;margin:0 0 .5rem}.auth-form-header p{font-size:1rem;color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#374151}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1rem;color:#9ca3af;pointer-events:none}.input-with-icon input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:Fira Sans,sans-serif;transition:all .3s;background:#fff}.input-with-icon input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-with-icon input.error{border-color:#ef4444}.input-with-icon input::placeholder{color:#9ca3af}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .3s}.auth-error{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.auth-error span{font-size:1.25rem;flex-shrink:0}.auth-error p{margin:0;color:#dc2626;font-size:.9rem;line-height:1.5}.auth-success{padding:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.auth-success span{font-size:1.25rem;flex-shrink:0}.auth-success p{margin:0;color:#059669;font-size:.9rem;line-height:1.5}.spinner-large{width:60px;height:60px;border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.error-icon{text-align:center;margin-bottom:1.5rem}.error-icon svg{color:#ef4444}.password-toggle:hover{color:#10b981}.error-message{font-size:.85rem;color:#ef4444;margin-top:.25rem}.form-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label.full-width{width:100%}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#10b981}.checkbox-label a{color:#10b981;text-decoration:none;font-weight:600}.checkbox-label a:hover{text-decoration:underline}.forgot-link{color:#10b981;text-decoration:none;font-size:.9rem;font-weight:600;transition:color .3s}.forgot-link:hover{color:#059669;text-decoration:underline}.auth-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;font-family:Fira Sans,sans-serif;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #10b9814d}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-btn{background:none;border:none;color:#10b981;font-size:.95rem;font-weight:600;font-family:Fira Sans,sans-serif;cursor:pointer;padding:.75rem;transition:color .3s;text-decoration:none;display:inline-block;text-align:center}.text-btn:hover{color:#059669;text-decoration:underline}.back-link:hover{color:#059669}.auth-divider{position:relative;text-align:center;margin:1rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.auth-divider span{position:relative;background:#fff;padding:0 1rem;color:#9ca3af;font-size:.9rem;font-weight:500}.social-login{display:flex;flex-direction:column;gap:.75rem}.social-btn{width:100%;padding:.875rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:.95rem;font-weight:600;font-family:Fira Sans,sans-serif;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.75rem}.social-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.social-btn svg{flex-shrink:0}.auth-footer{text-align:center;font-size:.95rem;color:#6b7280;margin-top:.5rem}.auth-footer.centered{margin-top:1.5rem}.auth-link{color:#10b981;text-decoration:none;font-weight:700;transition:color .3s}.auth-link:hover{color:#059669;text-decoration:underline}.info-box{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:12px;padding:1rem;font-size:.9rem;color:#166534;line-height:1.6}.info-box.success{background:#ecfdf5;border-color:#86efac}.info-box p{margin:0 0 .5rem}.info-box p:last-child{margin-bottom:0}.info-box strong{color:#14532d}.info-box ul{margin:.5rem 0 0;padding-left:1.5rem}.info-box li{margin:.25rem 0}.success-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.success-icon svg{color:#10b981;filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}.success-icon.large{margin:2rem 0}.success-icon.large svg{width:80px;height:80px}.auth-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}@media(max-width:968px){.auth-container{grid-template-columns:1fr;max-width:500px}.auth-branding{display:none}.auth-form-wrapper{padding:2rem}}@media(max-width:640px){.auth-page{padding:1rem}.auth-form-wrapper{padding:1.5rem}.auth-form-wrapper.centered{padding:2rem 1.5rem}.auth-form-header h2{font-size:1.75rem}.form-row{flex-direction:column;align-items:flex-start}.forgot-link{align-self:flex-end}.brand-logo h1{font-size:1.5rem}.brand-logo svg{width:40px;height:40px}}