.login-page{background:#f5f7f5;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.login-bg-glow{pointer-events:none;background:radial-gradient(circle,#4caf8214 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-300px;right:-200px}.login-bg-glow-2{pointer-events:none;background:radial-gradient(circle,#34d3990f 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-200px;left:-200px}.login-card{border:1px solid var(--border);background:#fff;border-radius:20px;width:100%;max-width:400px;padding:2.5rem 2rem;position:relative;box-shadow:0 12px 40px #0000000f}.login-logo{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.75rem;display:flex}.login-logo-icon{background:var(--primary-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.login-logo-text{letter-spacing:-.02em;color:var(--text);font-size:1.25rem;font-weight:600}.login-logo-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);letter-spacing:.05em;padding:.125rem .4rem;font-size:.5625rem;font-weight:700}.login-title{text-align:center;color:var(--text);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.login-subtitle{text-align:center;color:var(--text-tertiary);margin-bottom:1.75rem;font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field{flex-direction:column;gap:.375rem;display:flex}.login-label-row{justify-content:space-between;align-items:center;display:flex}.login-label{color:var(--text);font-size:.8125rem;font-weight:500}.login-forgot{color:var(--primary);font-size:.75rem;font-weight:450;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-input{border:1px solid var(--border);color:var(--text);background:var(--bg);transition:var(--transition);border-radius:10px;outline:none;padding:.6875rem .875rem;font-family:inherit;font-size:.875rem}.login-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #4caf821a}.login-input::placeholder{color:var(--text-tertiary)}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;animation:.4s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-btn{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:10px;justify-content:center;align-items:center;min-height:46px;margin-top:.25rem;padding:.75rem;font-family:inherit;font-size:.9375rem;font-weight:500;display:flex}.login-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 14px #4caf824d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-light);flex:1;height:1px}.login-divider span{color:var(--text-tertiary);font-size:.75rem}.login-social{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;transition:var(--transition);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.625rem;padding:.6875rem;font-family:inherit;font-size:.875rem;font-weight:450;display:flex}.login-social:hover{background:var(--bg);border-color:var(--border)}.login-demo{background:var(--primary-lighter);cursor:pointer;transition:var(--transition);border:1px dashed #4caf824d;border-radius:10px;margin-top:1.5rem;padding:.875rem}.login-demo:hover{background:var(--primary-light);border-color:var(--primary)}.login-demo-label{color:var(--primary-dark);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:flex}.login-demo-creds{color:var(--text);letter-spacing:-.01em;justify-content:space-between;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;display:flex}.login-footer-text{text-align:center;color:var(--text-tertiary);margin-top:1.25rem;font-size:.8125rem}.login-link{color:var(--primary);font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.login-back{color:var(--text-tertiary);transition:var(--transition);font-size:.8125rem;text-decoration:none;position:absolute;top:2rem;left:2rem}.login-back:hover{color:var(--text)}@media (max-width:480px){.login-card{border-radius:16px;padding:2rem 1.5rem}.login-title{font-size:1.25rem}.login-back{top:1rem;left:1rem}}