:root{font-family:Inter,Helvetica,sans-serif!important;background-color:#f0f2f5}#rootlayout{min-height:100vh;font-size:15px;color:#33363c}header{background-color:#fff;padding-inline:20px;height:60px;display:flex;align-items:center}#leftdiv{display:flex;align-items:center;gap:1.7vw}#blackLogo{width:25px;height:25px}#menu{list-style:none;display:flex;gap:1.4vw}#linediv{border:.5px solid rgb(241,241,241);height:23px}#rightdiv{margin-left:auto;display:flex;gap:1vw}.button{padding-block:11px;padding-inline:23px;font-size:15px;border:none;border-radius:23px;box-shadow:0 2px 3px #00000014;cursor:pointer}.button:hover{box-shadow:0 3px 8px #00000024}#login{color:#2c3461;background-color:#cce4ff}#signup{color:#fff;background-color:#1a73e8}@media (max-width: 583px){#menu{display:none}}#otpheading{font-size:13px;margin-top:30px;margin-bottom:10px}#otpinputdiv{position:relative}.heading{text-align:center}#heading1{margin-top:20px;font-weight:500}#heading2{margin-top:6px;font-weight:350;color:#5a5e66;font-size:13px}#socialdiv{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));column-gap:10px}.icondiv{height:70px;border-radius:6px;background-color:#fafbfc;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000014;cursor:pointer;border:1px solid #e5e6eb}.icondiv:hover{box-shadow:0 3px 8px #0000001a}.icon{width:22px;height:22px}#coinIcon{width:30px;height:30px}#hrdiv{display:flex;align-items:center;gap:1rem;margin-top:29px;margin-bottom:15px;color:#a0a3a8;font-size:12px}.hr{height:1px;width:50%;background-color:#c4c6ca}.error{color:red;font-size:12px;margin-bottom:10px}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px rgb(237,238,240) inset!important;-webkit-text-fill-color:#5A5E66!important}.inputdiv{margin-bottom:25px}#emailinputdiv{position:relative}.emailinputspan{position:absolute;color:#00f;left:5%;top:10%;font-size:12px;margin-bottom:10px}#clearicon{position:absolute;top:40%;right:5%;cursor:pointer}#passwordinputdiv{position:relative}.passwordinputspan{position:absolute;color:#00f;left:5%;top:10%;font-size:12px;margin-bottom:10px}.input{background-color:#edeef0;font-size:16px;color:#a0a3a8;width:100%;height:60px;border-radius:10px;border:none;padding-inline:16px}.input.input-focused{outline:none;border:1px solid blue;color:#00f}.input.input-has-text,.input.passwordinput-has-text{color:red}.input.input-valid{border:none;color:#5a5e66}.error-text{position:absolute;color:red;font-size:12px;left:2%;bottom:-30%}#eyeicondiv{width:30px;height:20px;position:absolute;right:3%;top:35%;display:flex;align-items:center}.eyeIcon{width:30px;height:20px}.forgotP{margin-top:40px;text-align:center;color:#2c3461;font-size:12px;font-weight:500;cursor:pointer}.loginbutton.inactive{width:100%;height:40px;margin-top:20px;border-radius:30px;border:none;color:#a0a3a8;background-color:#d9dadd}.loginbutton.active{width:100%;height:40px;margin-top:20px;border-radius:30px;border:none;background-color:#1a73e8;color:#fff;cursor:pointer}#secondbutton{width:100%;height:40px;margin-top:20px;border-radius:30px;border:none;color:#2d2e30;background-color:#d9dadd;cursor:pointer}*{padding:0;margin:0;box-sizing:border-box}#logindiv{margin:20px auto;border-radius:12px;padding-top:30px;padding-inline:35px;width:430px;border:2px solid rgb(234,237,242);background-color:#fff;padding-bottom:50px}#logodiv{display:block;background-color:#000;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin:0 auto}#whitelogo{width:22px;height:22px}#heading{margin-top:30px;font-size:13px;margin-bottom:10px;color:#5a5e66}#containerdiv{display:flex;align-items:center;justify-content:center;gap:20px}#circling{width:20px;height:20px;border:3px solid #A0A3A8;border-top-color:transparent;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#barcodediv{width:30%;height:90px;margin:10px auto}#barcode{width:100%;height:100%}.loginbutton{width:100%;height:40px;margin-top:20px;border-radius:30px;border:none;color:#a0a3a8;background-color:#d9dadd;cursor:pointer}#lastdiv{display:flex;gap:6px;font-size:13px;justify-content:center;margin-top:15px;color:#5a5e66}#secondp{cursor:pointer;color:#2c3461}@media (max-width: 767px){#logodiv{display:none}}@media (max-width: 466px){#logindiv{width:400px}}@media (max-width: 445px){#logindiv{width:380px}}@media (max-width: 399px){#logindiv{width:350px}}@media (max-width: 385px){#logindiv{width:320px}}@media (max-width: 345px){#logindiv{width:260px}}@media (max-width: 304px){#logindiv{width:200px}}*{margin:0;padding:0;box-sizing:border-box}#homepage2{background-color:#000;min-height:100vh;color:#fff;padding:50px;width:100%}#hheadingdiv{display:flex;align-items:center;gap:40px;margin-bottom:50px}.react-icon{width:35px;height:35px;cursor:pointer}#question-icon{margin-left:auto;color:#555}#hheadingp{font-size:24px}.otherdiv{padding:20px;margin-bottom:20px;border-radius:20px;background-color:#1a1a1a;display:flex;align-items:center;gap:20px;width:600px;margin-inline:auto;transition:all .1s ease;cursor:pointer}.otherdiv:hover{transform:translateY(-5px);background-color:#3e3e3e}.imagecontainer{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fff}#imgcon1{background-color:#fff}#newimage{width:30px;height:30px}.textdiv{width:480px}.textdivheading{font-size:20px;margin-bottom:10px}.textdivp{color:#666;line-height:25px}.arrow-right{width:30px;height:30px;color:#555;margin-left:auto}#imgcon2{background-color:#333}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999;display:flex;justify-content:center;align-items:center}.modal{padding:10px;width:450px;background-color:#fff;border-radius:10px}#modal1{height:190px}#modal2{height:255px}#modal3{border-radius:12px;color:#000;padding-inline:20px}.mdclearicondiv{margin-left:auto;height:30px;width:30px;cursor:pointer}.mdclearicon{height:100%;width:100%;color:#000}.spinner{margin-inline:auto;margin-bottom:30px;width:70px;height:70px;border:6px solid #A0A3A8;border-top-color:#000;border-radius:50%;animation:spin 1.5s linear infinite}.modalp{color:#666;text-align:center}#modal2p{color:#fd4f4f}#manualconnectdiv{width:160px;height:50px;margin-top:25px;margin-inline:auto}#manualconnect{width:100%;height:100%;border:none;border-radius:10px;background-color:#000;color:#fff;font-size:15px;cursor:pointer}#modalheading{text-align:center;font-size:20px;color:#666;margin-bottom:40px}#modalerror{color:red;font-size:12px}.label{color:#555;margin-block:10px}.modalinput{border-radius:5px;font-size:16px;padding-inline:10px;border:1px solid rgb(190,192,197);background-color:#edeef0;cursor:pointer}#modalinput1{margin-bottom:10px;width:100%;height:45px}#modalinput2{margin-bottom:20px;width:100%;height:80px}#modallastp{font-size:14px;color:#555}#integratediv{margin-top:20px;height:45px}#integrate{width:100%;height:100%;background-color:#333;color:#555;background-color:#edeef0;font-size:18px;border:none;border-radius:7px;cursor:pointer}@media (min-width: 100px) and (max-width: 768px){#homepage2{padding:14px}#hheadingp{font-size:18px}.textdivheading{font-size:14px;margin-bottom:10px}.textdivp{font-size:12px}.otherdiv{gap:15px;padding-inline:10px;width:unset}.textdiv{width:unset}.imagecontainer{width:50px;height:40px}#newimage{width:25px;height:25px}.modal{width:390px}}