.login-page{background:var(--light--lemon--color,#fffeef);justify-content:center;align-items:center;min-height:70vh;padding:40px 20px 80px;display:flex}.login-page .login-form-box{border:1px solid var(--border--color,#f0f0f0);background:#fff;border-radius:24px;width:100%;max-width:440px;margin:0 auto;padding:48px 40px 40px;box-shadow:0 8px 40px #0000000f}.login-page .login-form-title{text-align:center;margin-bottom:32px}.login-page .login-form-title img{max-height:48px;margin-bottom:16px}.login-page .login-form-title h2{color:var(--black--color,#111);margin:0 0 8px;font-size:26px;font-weight:800}.login-page .login-form-title p{color:var(--text--color,#555);margin:0;font-size:14px}.login-page .login-card{width:100%}.login-page .form-group{margin-bottom:20px}.login-page .input-icon-wrap{position:relative}.login-page .input-icon-wrap i{color:var(--text--color2,#999);z-index:2;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-page .input-field{border:2px solid var(--border--color,#e8e8e8);width:100%;color:var(--text--color,#555);background:var(--light--lemon--color,#fffeef);border-radius:12px;padding:14px 16px 14px 46px;font-family:inherit;font-size:14px;transition:all .3s}.login-page .input-field:focus{border-color:var(--accent--color,#5c45bf);background:#fff;outline:none;box-shadow:0 0 0 4px #5c45bf0f}.login-page .input-field::placeholder{color:var(--text--color2,#bbb)}.login-page .btn-primary{background:var(--accent--color,#5c45bf);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:all .3s}.login-page .btn-primary:hover{background:var(--primary--color,#fbd12a);color:var(--black--color,#111);transform:translateY(-2px);box-shadow:0 8px 25px #5c45bf33}.login-page .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-page .login-extra{justify-content:space-between;align-items:center;margin-top:16px;font-size:13px;display:flex}.login-page .login-extra label{color:var(--text--color,#555);cursor:pointer;align-items:center;gap:6px;font-weight:500;display:flex}.login-page .login-extra label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent--color,#5c45bf)}.login-page .forgot-password{color:var(--accent--color,#5c45bf);font-weight:600;text-decoration:none}.login-page .forgot-password:hover{text-decoration:underline}.login-page .join-now-outer{text-align:center;border-top:1px solid var(--border--color,#f0f0f0);color:var(--text--color,#555);margin-top:24px;padding-top:20px;font-size:14px}.login-page .join-now-outer a{color:var(--accent--color,#5c45bf);font-weight:700;text-decoration:none}.login-page .join-now-outer a:hover{text-decoration:underline}@media (max-width:768px){.login-page{padding:30px 16px 60px}.login-page .login-form-box{border-radius:18px;padding:32px 24px 28px}.login-page .login-form-title h2{font-size:22px}.login-page .login-form-title img{max-height:40px}}@media (max-width:480px){.login-page .login-form-box{border-radius:16px;padding:24px 18px}.login-page .login-form-title h2{font-size:20px}.login-page .login-form-title{margin-bottom:24px}.login-page .form-group{margin-bottom:16px}.login-page .input-field{padding:12px 14px 12px 42px;font-size:13px}.login-page .login-extra{flex-direction:column;align-items:flex-start;gap:10px}}