.login-main-div{background-image:url(/images/login-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;position:relative;overflow:hidden}.form-main{perspective:1000px;width:100%;max-width:500px;padding:1rem;position:absolute;top:10%;left:50%;transform:translate(-50%,-50%)}.form-card{width:100%;height:auto;transform-style:preserve-3d;transition:transform .8s ease-in-out;position:relative}.form-card.flip{transform:rotateY(180deg)}.form-front,.form-back{backface-visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;justify-content:center;gap:15px;max-height:90vh;padding:40px;display:flex;position:absolute;overflow-y:auto;box-shadow:0 8px 32px #0000004d,0 0 20px #ffb6c199;background:#ffffff80!important;width:100%!important;height:auto!important}.form-back{transform:rotateY(180deg)}.form-front input,.form-back input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:14px;font-size:15px;transition:border-color .3s}.form-front input:focus,.form-back input:focus{border-color:#e75480;box-shadow:0 0 0 3px #e754801a}.form-front button,.form-back button{color:#fff;cursor:pointer;background:#e75480;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.form-front button:hover,.form-back button:hover{background:#d9466b;transform:translateY(-2px);box-shadow:0 4px 12px #e7548066}.form-front button:disabled,.form-back button:disabled{cursor:not-allowed;background:#ccc;transform:none}@media (max-width:768px){.form-main{max-width:450px;padding:1rem;position:absolute;top:18%!important}.form-front,.form-back{gap:12px;max-height:85vh;padding:32px 28px}.form-front h1,.form-back h1{margin-bottom:1rem;font-size:1.75rem}.form-front input,.form-back input{padding:12px;font-size:14px}.form-front button,.form-back button{padding:12px;font-size:15px}}@media (max-width:640px){.form-main{max-width:95%;padding:.75rem}.form-front,.form-back{border-radius:12px;gap:10px;max-height:85vh;padding:28px 24px}.form-front h1,.form-back h1{margin-bottom:.75rem;font-size:1.5rem}.form-front input,.form-back input,.form-front button,.form-back button{padding:11px;font-size:14px}.form-front button[type=button],.form-back button[type=button]{padding:10px;font-size:13px}.form-front p,.form-back p,.form-front .text-sm,.form-back .text-sm{font-size:13px}.form-front .bg-blue-50 p{font-size:12px}}@media (max-width:480px){.form-main{padding:.5rem}.form-front,.form-back{gap:8px;max-height:90vh;padding:24px 20px}.form-front h1,.form-back h1{margin-bottom:.5rem;font-size:1.375rem}.form-front input,.form-back input,.form-front button,.form-back button{padding:10px;font-size:13px}.form-front p,.form-back p{font-size:12px}}@media (max-height:600px) and (orientation:landscape){.form-front,.form-back{gap:6px;max-height:95vh;padding:20px}.form-front h1,.form-back h1{margin-bottom:.5rem;font-size:1.25rem}.form-front input,.form-back input,.form-front button,.form-back button{padding:8px;font-size:13px}}.form-front::-webkit-scrollbar{width:6px}.form-back::-webkit-scrollbar{width:6px}.form-front::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.form-back::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.form-front::-webkit-scrollbar-thumb{background:#e7548080;border-radius:10px}.form-back::-webkit-scrollbar-thumb{background:#e7548080;border-radius:10px}.form-front::-webkit-scrollbar-thumb:hover{background:#e75480b3}.form-back::-webkit-scrollbar-thumb:hover{background:#e75480b3}@media (max-width:640px){.login-main-div>button[aria-label="Back to Home"]{top:1rem!important;left:1rem!important}.login-main-div>button[aria-label="Back to Home"]>div{padding:.5rem .75rem!important}.login-main-div>button[aria-label="Back to Home"] svg{width:1.125rem!important;height:1.125rem!important}.login-main-div>button[aria-label="Back to Home"] span{font-size:.813rem!important}}@media (max-width:480px){.login-main-div>button[aria-label="Back to Home"]{top:.75rem!important;left:.75rem!important}.login-main-div>button[aria-label="Back to Home"]>div{padding:.5rem .625rem!important}.login-main-div>button[aria-label="Back to Home"] span{display:none}.login-main-div>button[aria-label="Back to Home"] svg{width:1.25rem!important;height:1.25rem!important}}