.login-container{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-wrapper{justify-content:center;align-items:center;gap:150px;width:100%;max-width:1200px;padding:20px;display:flex}.login-image-section{flex:1;justify-content:center;align-items:center;max-width:450px;max-height:85vh;display:flex}.login-image-element{object-fit:contain;width:100%;height:auto;max-height:85vh}.login-form-section{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-header h2{color:#1f2937;text-align:center;margin-bottom:30px;font-size:2.5rem}.login-card{background:#fff;border-radius:16px;width:100%;max-width:450px;padding:40px;box-shadow:0 10px 40px #0000001a}.login-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;width:18px;height:18px;position:absolute;left:14px}.input-with-icon input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 14px 12px 40px;font-size:.95rem;transition:all .2s}.input-with-icon input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.login-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;width:100%;height:48px;margin-top:10px;font-size:1.1rem;font-weight:600;transition:background-color .2s}.login-btn:hover{background-color:#2563eb}.login-error{color:#c81e1e;text-align:center;background-color:#fde8e8;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem}