:root{--primary: #3E97FF;--primary-hover: #2884EF;--text-dark: #181C32;--text-muted: #A1A5B7;--bg-light: #F9F9F9}body{font-family:Inter,sans-serif;margin:0;padding:0;overflow:hidden;height:100vh;background-color:#fff}.login-wrapper{display:flex;height:100vh;width:100%}.login-branding{flex:1;background-color:#f8f5ff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative;overflow:hidden}.login-illustration{max-width:80%;max-height:60vh;object-fit:contain;z-index:2;animation:float 6s ease-in-out infinite}.branding-text{text-align:center;margin-top:2rem;z-index:2}.branding-text h2{color:var(--text-dark);font-weight:700;font-size:1.75rem;margin-bottom:.5rem}.branding-text p{color:var(--text-muted);font-size:1rem;max-width:400px;margin:0 auto}.login-form-side{flex:0 0 500px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem;box-shadow:-5px 0 30px #00000008;z-index:10}.login-header{margin-bottom:2.5rem;text-align:center}.login-logo{width:60px;height:60px;margin-bottom:1rem;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;margin-left:auto;margin-right:auto}.login-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.login-subtitle{color:var(--text-muted);font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-dark);font-weight:600;font-size:.9rem}.form-control{width:100%;padding:.75rem 1rem;border:1px solid #E1E3EA;border-radius:.625rem;font-size:.95rem;color:var(--text-dark);transition:all .2s;background-color:#fca;background-color:#fff}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3e97ff1a}.form-check{display:flex;align-items:center;justify-content:space-between}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:.75rem;border-radius:.625rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-hover)}.text-link{color:var(--primary);text-decoration:none;font-size:.9rem;font-weight:500}.text-link:hover{text-decoration:underline}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(max-width:991px){.login-wrapper{flex-direction:column;overflow-y:auto}.login-branding{display:none}.login-form-side{flex:1;width:100%;padding:2rem}}