.otp-container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px;background-color:#f4f4f9}.otp-error{border:2px solid red!important;animation:shake .3s ease-in-out}.otp-resend.disabled{pointer-events:none;opacity:.5}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}}.modal-overlay{background:rgba(88,87,87,.5)}.modal-content{background:#ffffff;border-radius:16px}.close-button{top:10px}.otp-card{text-align:center;background:#FFFFFF;width:100%;display:flex;flex-direction:column;gap:24px;padding:24px;border-radius:16px;box-shadow:0 1px 2px 0 #0000000F;box-shadow:0 1px 3px 0 #0000001A;border:1px solid #0707071a}.otp-heading{font-size:20px;font-weight:600;margin-bottom:10px}.button{width:100%;padding:7px 16PX;background:rgba(255,45,85,1);color:#fff;border:none;border-radius:12px;cursor:pointer}.button:disabled{background-color:#cccccc;cursor:not-allowed}.otp-timer{color:red}.button1{width:100%;padding:7px 16PX;color:#070707;border-radius:12px;cursor:pointer;border:1px solid #07070726;background-color:#fff;font-size:14px;font-weight:500;box-shadow:0 1px 2px 0 #0000000D}.otp-subtext{font-size:14px;text-align:center;margin-bottom:10px;color:#555}.otp-number{font-size:14px;color:#333}.otp-change{color:#007bff;text-decoration:none;font-weight:500;font-size:14px;cursor:pointer}.otp-inputs{display:flex;justify-content:center;gap:12px}.otp-input{width:80px;height:60px;font-size:20px;text-align:center;border:1px solid #ccc;border-radius:20px;outline:none;transition:border-color .2s}.otp-input:focus{border:1px solid rgba(255,45,85,1)}.otp-button{width:100%;padding:10px;font-size:16px;font-weight:600;color:#fff;background:#ff4081;border:none;border-radius:5px;cursor:pointer;transition:background .2s}.otp-button:hover{background:#e2366e}.otp-resend{margin-top:10px;font-size:14px;color:#555}.otp-resend-link{color:#007bff;text-decoration:none;font-weight:500;font-size:14px;cursor:pointer}@media (min-width:320px) and (max-width:769px){.modal-content{width:70%}.login-logo{margin-left:10%}.otp-subtext{font-size:12px}.otp-input{max-width:50PX}}.login-logo{width:180px;height:60px;margin-left:24%}.login-logo,.modal-overlay{justify-content:center;align-items:center}.modal-overlay{position:fixed;bottom:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;z-index:9999}.modal-content{box-shadow:0 4px 10px rgba(0,0,0,.25);width:30%;animation:fadeIn .3s ease-in-out;position:relative}.close-button{position:absolute;background:rgba(7,7,7,.1);border-radius:50%;top:16px;right:5%;font-size:20px;border:none;background:transparent;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-first{display:flex;flex-direction:column;gap:20px}.subtitle{font-size:20px;color:#070707;margin-bottom:20px}.signup-card{text-align:center;width:100%;display:flex;flex-direction:column;gap:20px;background:#FFFFFF;padding:15px 20px;border-radius:16px;box-shadow:0 1px 2px 0 #0000000F;box-shadow:0 1px 3px 0 #0000001A;border:1px solid #0707071a}.or-text{margin:15px 0;color:#666;font-size:14px}.login-p1{display:flex;font-size:12px;color:#070707;font-weight:500}.input-signup{width:100%;height:40px;padding:10px 17px;border-radius:12px;box-shadow:0 1px 2px 0 #0000000D;border:1px solid #ccc}.google-button{width:100%;padding:9px 16px;background:#FFFFFF;color:#070707;box-shadow:0 1px 2px 0 #1018280D;border-radius:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px;font-weight:500;border:1px solid #07070726}.google-icon{width:23px;height:24px;margin-right:10px}.signup-input{display:flex;gap:15px}@media (min-width:320px) and (max-width:768px){.modal-content{width:70%}.login-logo{margin-left:10%}}