.login-page{min-height:100vh;font-family:var(--font), sans-serif;background:url(../../../images/bg-main.jpg) bottom/cover no-repeat;justify-content:center;align-items:center;padding:20px;display:flex}@media (min-width:992px){.login-page{background-position:50%;background-size:cover;background-attachment:fixed}}.login-card{background:var(--white);box-sizing:border-box;border-radius:12px;width:100%;max-width:400px;padding:30px;box-shadow:0 3px 24px #00000026}.login-card h2{color:var(--title);margin-top:0;margin-bottom:15px;font-size:20px}.login-input-group{margin-bottom:15px;position:relative}.input-label{font-size:13px;font-family:var(--font_b);color:#555;margin-bottom:6px;display:block}.label-flex{justify-content:space-between;align-items:center;display:flex}.login-input{border:1px solid var(--border);width:100%;height:48px;font-family:var(--font);box-sizing:border-box;color:var(--title);border-radius:8px;outline:none;padding:0 15px;font-size:14px}.login-input::placeholder{color:var(--gray);font-family:var(--font)}.login-input:focus{border-color:var(--primary)}.login-password-actions{align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-password-actions i{color:var(--text);cursor:pointer;font-size:18px}.forgot-pw{color:#777;font-size:12px;text-decoration:none!important}.forgot-pw:hover{text-decoration:underline!important}.login-btn{width:100%;height:48px;color:var(--white);font-size:15px;font-family:var(--font_b);text-transform:none;cursor:pointer;background:#3b5998;border:none;border-radius:8px;margin-top:10px;box-shadow:0 1px 1px #0000000d}.login-btn.active{background:var(--primary)}.login-options{color:#222;align-items:center;gap:6px;margin-top:15px;font-size:13px;display:flex}.login-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.help-icon{color:var(--text);cursor:pointer;font-size:16px}.login-divider{color:#999;align-items:center;margin:20px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-divider span{padding:0 16px}.social-login{justify-content:space-between;gap:10px;display:flex}.social-login .social-btn,.social-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;color:var(--text);font-size:12px;font-family:var(--font_b);width:auto;height:auto;box-shadow:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 0;text-decoration:none;transition:background .2s;display:flex}.social-login .social-btn:hover,.social-btn:hover{box-shadow:none;background:#f9f9f9;transform:none}.social-login .social-btn span,.social-btn span{padding:0 10px}.social-login .social-btn i,.social-btn i{font-size:20px}.social-login .social-btn.fb i,.social-btn.fb i{color:#1877f2}.social-login .social-btn.gg i,.social-btn.gg i{color:#ea4335}.social-login .social-btn.apple i,.social-btn.apple i{color:#000}.login-terms{text-align:center;color:var(--text);margin-top:30px;font-size:13px;line-height:1.6}.login-terms a{color:#3b5998;font-family:var(--font_b);text-decoration:none!important}.back-home-btn{color:#333;width:100%;height:48px;font-size:15px;font-family:var(--font_b);cursor:pointer;background:#f0f0f0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:15px;text-decoration:none;transition:background .2s;display:flex;box-shadow:0 1px 1px #0000000d}.back-home-btn:hover{background:#e0e0e0}