*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%}.login-page{display:flex;height:100vh;width:100vw;font-family:Poppins,sans-serif}@media (max-width:768px){.login-page{flex-direction:column;height:100vh;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}}.login-left{flex:1;background-color:#f5f7fb;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.login-left{position:absolute;top:0;left:0;width:100%;height:50vh;padding:20px;justify-content:center;align-items:flex-start;text-align:left;z-index:1}}@media (min-width:769px) and (max-width:1024px){.login-left{padding-left:40px;padding-bottom:30px}}.login-left h2{font-size:36px;font-weight:700}.login-left p{font-size:18px;margin-top:12px}@media (max-width:768px){.login-left h2{font-size:28px;padding-left:1rem}.login-left p{font-size:16px;margin-top:8px;padding-left:1rem}}@media (min-width:769px) and (max-width:1024px){.login-left h2{font-size:32px}.login-left p{font-size:17px}}.login-right{flex:1;background-color:#008CFF;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.login-right{position:absolute;bottom:0;left:0;width:100%;height:50vh;padding:0;justify-content:center;align-items:center;z-index:1;background:transparent}}@media (min-width:769px) and (max-width:1024px){.login-right{padding-left:40px}}.login-box{background:#ffffff;padding:40px;width:100%;max-width:400px;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.1)}@media (max-width:768px){.login-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:32px 24px;max-width:85%;width:350px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.2);z-index:10;background:#ffffff}}@media (min-width:481px) and (max-width:768px){.login-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:36px 28px;max-width:80%;width:380px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.2);z-index:10;background:#ffffff}}@media (max-width:480px){.login-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:28px 20px;max-width:90%;width:320px;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.2);z-index:10;background:#ffffff}}@media (min-width:769px) and (max-width:1024px){.login-box{padding:32px;max-width:380px}}.login-box h2{font-size:28px;font-weight:700;margin-bottom:24px;color:#333;text-align:center}@media (max-width:768px){.login-box h2{font-size:24px;margin-bottom:20px}}@media (max-width:480px){.login-box h2{font-size:22px;margin-bottom:18px}}.login-box label{font-weight:500}.login-box input{width:100%;padding:12px;margin-top:8px;margin-bottom:20px;border-radius:8px;border:1px solid #ccc;font-size:14px}@media (max-width:768px){.login-box input{padding:14px 12px;font-size:16px;margin-bottom:16px}}@media (max-width:480px){.login-box input{padding:16px 12px;border-radius:6px}}.send-otp-button,.verify-otp-button{width:100%;padding:12px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;color:#fff;transition:background-color .3s ease,opacity .3s ease}@media (max-width:768px){.send-otp-button,.verify-otp-button{padding:16px;font-size:16px;border-radius:6px;min-height:48px}}@media (max-width:480px){.send-otp-button,.verify-otp-button{padding:18px;font-size:16px;min-height:52px}}.send-otp-button{background-color:#f16367}.send-otp-button:hover{background-color:#f1484e}.verify-otp-button{background-color:#f16367}.verify-otp-button:hover{background-color:#f1484e}.send-otp-button:disabled,.verify-otp-button:disabled{background-color:#f1484e;color:#fff;cursor:not-allowed;opacity:.7}.error{color:red;margin-top:16px;font-size:14px}.register-text{text-align:center;margin-top:20px;font-size:14px;color:#666}.register-text a{color:#1976d2;text-decoration:none}.resend-otp-button{display:block;margin-top:10px;color:blue;background:none;border:none;cursor:pointer;font-size:1rem}.resend-otp-button:disabled{color:grey;cursor:not-allowed}@media (max-width:768px){.resend-otp-button{padding:12px;font-size:16px;margin-top:12px;min-height:44px}}@media (max-width:480px){.resend-otp-button{padding:14px;margin-top:14px;min-height:48px}}.verify-otp-button:disabled{background-color:#f1484e;color:#fff;cursor:not-allowed;opacity:.7}@media (max-width:768px) and (orientation:landscape){.login-page{flex-direction:row;height:100vh;position:relative}.login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.login-left{left:0;padding:15px;text-align:left}.login-left,.login-right{position:absolute;top:0;width:50%;height:100vh;justify-content:center;align-items:center;z-index:1}.login-right{right:0;padding:0;background:transparent}.login-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;width:280px;padding:24px 20px;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.2);z-index:10;background:#ffffff}.login-box h2{font-size:20px;margin-bottom:16px}}@media (max-width:320px){.login-left{padding:15px}.login-left h2{font-size:24px}.login-left p{font-size:14px}.login-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px 16px;max-width:95%;width:300px;box-shadow:0 20px 50px rgba(0,0,0,.2);z-index:10;background:#ffffff}.login-box h2{font-size:20px}}