.login-page{display:flex;min-height:100vh;font-family:Poppins,sans-serif}.left-side{flex:1;background-image:linear-gradient(#1b5e20b3,#2e7d32b3),url(http://127.0.0.1:8000/assets/images/background.landingsuhada.jpeg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.overlay{text-align:center;color:#fff;padding:40px}.logo{width:180px;margin-bottom:20px}.overlay h1{font-size:38px;margin-bottom:10px}.overlay p{font-size:18px;opacity:.95}.right-side{flex:1;display:flex;justify-content:center;align-items:center;background:#f6f9f8}.login-logo{width:120px;display:block;margin:0 auto 20px}.login-card{width:420px;background:#fff;padding:45px;border-radius:24px;box-shadow:0 20px 50px #0000001f}.login-card h2{color:var(--primary);font-size:30px;margin-bottom:8px}.subtitle{color:#607d8b;margin-bottom:30px}.login-card form{display:flex;flex-direction:column}.login-card label{font-weight:600;margin-bottom:8px;color:#37474f}.login-card input{width:100%;height:50px;border:1px solid #CFD8DC;border-radius:12px;padding:0 15px;margin-bottom:22px;font-size:15px;transition:.3s;box-sizing:border-box}.login-card input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #2e7d3226}.login-card button{height:52px;border:none;border-radius:12px;background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.login-card button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2e7d3240}@media(max-width:992px){.login-page{flex-direction:column}.left-side{min-height:280px}.login-card{width:90%;margin:40px 0}}.password-group{position:relative;margin-bottom:22px}.password-group input{width:100%;padding-right:45px;margin-bottom:0;box-sizing:border-box}#togglePassword{position:absolute;right:18px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none;transition:.3s}#togglePassword:hover{transform:translateY(-50%) scale(1.15)}.login-footer{margin-top:35px;text-align:center;color:#90a4ae;font-size:14px}.clock{margin-top:45px}.clock h2{font-size:42px;margin-bottom:8px;font-weight:700}.clock p{font-size:18px}.login-card{animation:fadeUp .8s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}