.auth-wrapper{max-width:min(400px,90vw);margin:clamp(12px,2vh,36px) auto 0;border-radius:clamp(6px,1vw,8px);text-align:center;font-family:Arial,sans-serif}.brand-logo{font-size:clamp(22px,2.5vw,28px);font-weight:700;margin-bottom:clamp(8px,1vh,12px)}.brand-orange{color:#ff6b00}.brand-blue{color:#00bcd4}.heading-text{font-size:clamp(14px,1.6vw,16px);color:#333;display:block;margin-bottom:clamp(12px,2vh,20px)}.input-default{margin:clamp(8px,1vh,10px) 0;padding:clamp(12px,1.5vh,16px) clamp(16px,2vw,20px);border:1px solid #000;border-radius:50px}.input-default::placeholder{color:#000;margin-left:20px}.btn-disabled{background-color:#d3d3d3!important;color:#fff!important;border:none;padding:clamp(20px,2.5vh,26px) clamp(16px,2vw,20px);cursor:not-allowed;margin-top:clamp(8px,1vh,10px);border-radius:50px}.separator,.terms-text{color:#777;font-size:clamp(10px,1.2vw,12px)}.terms-text{margin-top:clamp(12px,2vh,20px);display:block}.link{color:#00bcd4;text-decoration:none}.link:hover{text-decoration:underline}.otp-main-container{background-color:#f2f2f6;display:flex;align-items:center;min-height:100vh;max-height:100vh;overflow-y:auto;justify-content:center;padding:clamp(10px,2vh,70px) clamp(10px,2vw,41px);@media (max-width:550px){padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;padding-bottom:200px}}.otp-backResend{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(4px,.8vh,12px);padding:clamp(2px,.4vh,8px) 0;flex-shrink:0}.otp-wrapper{max-width:min(500px,90vw);max-height:min(90vh,100%);padding:clamp(8px,1.5vh,30px) clamp(12px,1.5vw,20px);border-radius:clamp(6px,1vw,8px);width:100%;height:100%;background-color:#f2f2f6;border:1px solid gray;display:flex;flex-direction:column;justify-content:center;@media (max-width:768px){border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:currentcolor;border-top-style:none;border-top-width:medium;padding-top:clamp(4px,.8vh,10px)}}.otp-input-box,.otp-wrapper{text-align:center;box-sizing:border-box}.otp-input-box{width:clamp(32px,min(4vw,4vh),48px);height:clamp(40px,min(5vw,5vh),65px);border-radius:clamp(10px,1.2vw,16px);font-size:clamp(14px,min(1.8vw,1.8vh),20px)}.otp-input-box.error{border-color:red!important;background-color:#ffe6e6}.otp-error-text{color:red!important;margin-top:clamp(6px,1vh,10px);text-align:center;font-size:clamp(12px,min(1.3vw,1.3vh),14px)}.otp-header{margin-bottom:clamp(8px,1.5vh,40px);margin-top:clamp(8px,2vh,85px)}.otp-title{font-size:clamp(20px,min(2.5vw,2.8vh),32px);font-weight:700;line-height:clamp(24px,min(3vw,3.5vh),38px);margin:0}.otp-subtitle{color:rgba(0,0,0,.7);font-size:clamp(11px,min(1.4vw,1.4vh),16px);font-weight:400;line-height:clamp(16px,min(2vw,2vh),22px);margin:clamp(4px,.8vh,8px) 0 0}.otp-input-container{display:flex;justify-content:center;gap:clamp(4px,.6vw,7px);margin-bottom:clamp(8px,1.2vh,20px);flex-shrink:0}.otp-input-box:focus{border-color:#ff6b00!important;box-shadow:0 0 5px rgba(255,107,0,.5)}.otp-login-btn{background-color:#ff6b00;border:none;height:clamp(38px,min(4vh,4.5vw),50px);font-size:clamp(13px,min(1.5vw,1.5vh),16px);border-radius:50px;flex-shrink:0}.otp-login-btn:hover{background-color:#e65b00!important}.otp-resend-text{color:#ff6b00;font-weight:700;font-size:clamp(12px,min(1.4vw,1.4vh),14px)}