.login-page{background:var(--white);flex-direction:column;min-height:100vh;display:flex}.login-header{z-index:10;justify-content:center;padding:12px 16px;display:flex}.login-header .logo-link{transition:transform .3s}.login-header .logo-link:hover{transform:scale(1.05)}.login-main{flex:1;justify-content:center;align-items:center;padding:224px 40px 40px;display:flex}.login-container{background:var(--white);border-radius:24px;grid-template-columns:1fr 1fr;width:100%;max-width:1000px;min-height:600px;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000a}.login-form-section{flex-direction:column;padding:48px 40px;display:flex}.form-header{margin-bottom:32px}.form-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:2rem;font-weight:400}.form-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:.95rem;line-height:1.5}.google-btn{background:var(--white);border:1.5px solid var(--border-color);width:100%;font-family:var(--font-body);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:.95rem;font-weight:500;transition:border-color .3s,box-shadow .3s,transform .2s;display:flex}.google-btn:hover{border-color:var(--text-muted);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.google-icon{flex-shrink:0}.divider{align-items:center;gap:16px;margin:24px 0;display:flex}.divider-line{background:var(--border-light);flex:1;height:1px}.divider-text{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.general-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;animation:.5s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.general-error svg{color:#dc2626;flex-shrink:0}.general-error span{font-family:var(--font-body);color:#dc2626;font-size:.9rem}.login-form{flex-direction:column;gap:20px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.form-label{font-family:var(--font-body);color:var(--text-primary);font-size:.85rem;font-weight:500}.forgot-password-link{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:.8rem;font-weight:500;text-decoration:underline;transition:color .3s}.forgot-password-link:hover{color:var(--text-primary)}.input-wrapper{align-items:center;display:flex;position:relative}.field-icon{color:var(--text-muted);pointer-events:none;transition:color .3s;position:absolute;left:14px}.form-field:focus-within .field-icon{color:var(--accent-color)}.form-field.error .field-icon{color:#dc2626}.form-field.valid .field-icon{color:#10b981}.form-input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--white);border:1.5px solid var(--border-color);border-radius:12px;outline:none;padding:14px 44px;font-size:16px;transition:border-color .3s,box-shadow .3s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #54545514}.form-field.error .form-input{background:#fef2f2;border-color:#dc2626}.form-field.valid .form-input{border-color:#10b981}.validation-icon{color:#10b981;position:absolute;right:14px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .3s;position:absolute;right:14px}.password-toggle:hover{color:var(--text-primary)}.error-message{font-family:var(--font-body);color:#dc2626;opacity:0;min-height:0;max-height:0;font-size:.8rem;transition:all .3s;overflow:hidden}.error-message.visible{opacity:1;min-height:18px;max-height:36px}.submit-btn{width:100%;font-family:var(--font-body);color:var(--white);background:var(--text-primary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:background-color .3s,transform .2s,box-shadow .3s;display:flex;box-shadow:0 4px 15px #00000026}.submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn svg{transition:transform .3s}.submit-btn:hover:not(:disabled) svg{transform:translate(4px)}.spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.signup-prompt{text-align:center;font-family:var(--font-body);color:var(--text-secondary);margin-top:28px;font-size:.9rem}.signup-link{color:var(--text-primary);text-underline-offset:2px;font-weight:600;text-decoration:underline;transition:color .3s}.signup-link:hover{color:var(--accent-hover)}.login-decoration{background:linear-gradient(135deg,var(--text-primary)0%,#3d3d3e 100%);justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.decoration-content{z-index:2;text-align:center;color:var(--white);position:relative}.decoration-icon{width:88px;height:88px;color:var(--white);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 28px;display:flex}.decoration-title{font-family:var(--font-body);color:#fff;letter-spacing:-.01em;margin-bottom:12px;font-size:1.75rem;font-weight:400}.decoration-text{font-family:var(--font-body);color:#fff;opacity:.8;max-width:280px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.6}.decoration-features{flex-direction:column;align-items:flex-start;gap:12px;max-width:220px;margin:0 auto;display:flex}.feature{font-family:var(--font-body);opacity:.9;align-items:center;gap:10px;font-size:.9rem;display:flex}.feature svg{color:#10b981;flex-shrink:0}.decoration-pattern{opacity:.05;background-image:radial-gradient(circle at 20% 30%,#fff 1px,#0000 1px),radial-gradient(circle at 80% 70%,#fff 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}@media (max-width:900px){.login-container{grid-template-columns:1fr;max-width:480px}.login-decoration{display:none}.login-form-section{padding:40px 32px}}@media (max-width:868px){.login-header{padding:20px 24px}.login-main{padding:95px 16px 24px}.login-container{border-radius:20px;box-shadow:0 10px 40px #0000000f,0 4px 15px #00000008}.login-form-section{padding:32px 24px}.form-title{font-size:1.75rem}.form-input{padding:12px 40px}.field-icon{left:12px}.validation-icon,.password-toggle{right:12px}}.loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0a0a0a59;justify-content:center;align-items:center;animation:.18s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.loading-card{background:#ffffffeb;border:1px solid #00000014;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;animation:.22s ease-out cardPop;display:flex;transform:translateY(0);box-shadow:0 18px 50px #0000002e,0 8px 20px #0000001a}@keyframes cardPop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.loading-spinner-login{border:2px solid #00000026;border-top-color:#000000a6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.loading-texts{flex-direction:column;gap:2px;display:flex}.loading-title{font-family:var(--font-body);color:var(--text-primary);font-size:.95rem;font-weight:600}.loading-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:.82rem}