.hidden{display:none}button{padding:10px 20px;background-color:#4CAF50;color:#fff;border:none;cursor:pointer;font-size:16px;transition:background-color .3s ease}button:hover{background-color:#45a049}#error-message{font-size:14px;color:red}#loadingMessage{font-size:16px;color:blue;font-weight:700}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f2f5;display:flex;justify-content:center;align-items:center;height:100vh}.login-container{background:#fff;padding:30px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%;max-width:400px;text-align:center}h2{font-size:28px;margin-bottom:20px}.input-container{position:relative;margin-bottom:20px}input{width:95%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;color:#333;background-color:#fafafa;outline:none;transition:.3s ease}input:focus{border-color:#007bff;background-color:#fff}label{position:absolute;top:10px;left:10px;font-size:16px;color:#777;transition:.3s ease;pointer-events:none}input:focus+label,input:not(:placeholder-shown)+label{top:-10px;left:10px;font-size:12px;color:#007bff}button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:.3s ease}button:hover{background-color:#0056b3}#error-message{color:red;margin-top:10px;font-size:14px}#loadingMessage{color:#007bff;font-size:16px;margin-top:20px}.invalid{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:5px;margin-bottom:10px}.otp_espired{background-color:#fff3cd;color:#856404;padding:10px;border-radius:5px;margin-bottom:10px}.otp-notfound{background-color:#d1ecf1;color:#0c5460;padding:10px;border-radius:5px;margin-bottom:10px}.forg0ttpasworf{margin-top:-10px;margin-bottom:15px}a.forg0ttpasworff{color:#041111}a.forg0ttpasworf{color:red;text-decoration:none}a.forg0ttpasworfff{color:green}