@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#fafafa}body .container{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center}body .container .otp-page{width:85%;height:80%;display:flex}body .container .otp-page .left{position:relative;min-width:50vw;padding:60px;background-color:#696969;overflow:hidden}body .container .otp-page .left .back{font-size:14px;font-weight:400}body .container .otp-page .left .back p{color:#e0e0e0;display:flex;align-items:center;gap:10px;cursor:pointer}body .container .otp-page .left .back p span svg{height:20px;width:20px}body .container .otp-page .left .card-container{height:100%;color:#f9f9f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}body .container .otp-page .left .card-container .title{font-size:32px;font-weight:600;line-height:40px}body .container .otp-page .left .card-container .cards{z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px}body .container .otp-page .left .card-container .cards .row{display:flex;align-items:center;justify-content:center;gap:40px}body .container .otp-page .left .card-container .cards .row .card{width:340px;padding:24px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;gap:20px}body .container .otp-page .left .card-container .cards .row .card img{height:40px;border-radius:8px}body .container .otp-page .left .card-container .cards .row .card .text{display:flex;flex-direction:column;gap:10px}body .container .otp-page .left .card-container .cards .row .card .text .country h1{font-size:18px;font-weight:600;line-height:24px}body .container .otp-page .left .card-container .cards .row .card .text .country .office{color:#e0e0e0;font-size:14px;font-weight:400;line-height:20px}body .container .otp-page .left .card-container .cards .row .card .text .location{color:#e0e0e0}body .container .otp-page .left .card-container .cards .row .card .text .location p{font-size:14px;font-weight:400;line-height:18px}body .container .otp-page .left .circle-container{z-index:1;position:absolute;height:1030px;width:1030px;bottom:-400px;left:-400px;background-color:#090017;border-radius:50%;filter:blur(447.82px);overflow:hidden;box-shadow:0 3.78px 3.78px #00000040}body .container .otp-page .left .circle-container .circles{position:relative}body .container .otp-page .left .circle-container .circles .circle{position:absolute;border-radius:50%;filter:blur(116.7443161011px)}body .container .otp-page .left .circle-container .circles .circle:nth-child(1){background-color:#3f1bbc99;opacity:.7;height:825px;width:825px;top:100px;right:-200px}body .container .otp-page .left .circle-container .circles .circle:nth-child(2){background-color:#9513b4b2;opacity:.6;height:630px;width:630px;top:300px;right:-200px}body .container .otp-page .left .circle-container .circles .circle:nth-child(3){background-color:#e38602;opacity:.5;height:413px;width:413px;top:350px;right:-100px}body .container .otp-page .right{padding:0 80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}body .container .otp-page .right .form{margin-top:80px;display:flex;flex-direction:column;gap:60px}body .container .otp-page .right .form .logo img{height:40px}body .container .otp-page .right .form .content{display:flex;flex-direction:column;gap:40px}body .container .otp-page .right .form .content .text h1{font-size:32px;font-weight:700;line-height:40px;color:#202020}body .container .otp-page .right .form .content .text p{font-size:16px;font-weight:400;line-height:24px;color:#646464}body .container .otp-page .right .form .content form{display:flex;flex-direction:column;gap:20px}body .container .otp-page .right .form .content form .inputs{display:flex;gap:10px;align-items:center;justify-content:space-between}body .container .otp-page .right .form .content form .inputs .otp-input{width:52px;height:52px;text-align:center;font-size:18px;border:1px solid #e0e0e0;border-radius:8px;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}body .container .otp-page .right .form .content form .inputs .otp-separator{font-size:18px}body .container .otp-page .right .form .content form .button{width:100%;display:flex;flex-direction:column;gap:10px}body .container .otp-page .right .form .content form .button button{background-color:#e50000;border-radius:10px;width:100%;border:none;padding:14px;font-size:16px;font-weight:550;line-height:20px;text-align:center;color:#fff;cursor:pointer}body .container .otp-page .right .form .content form .button p{font-family:Heebo,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#646464}body .container .otp-page .right .footer{margin-bottom:20px}body .container .otp-page .right .footer p{font-size:14px;font-weight:400;line-height:21px;text-align:center;color:#646464}body .container .otp-page .right .footer p a{color:#0090ff;text-decoration:none}body .container .form-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px}body .container .form-page .title h1{font-size:20px;font-weight:600;line-height:24px}body .container .form-page .form-container{width:900px;border-radius:16px;padding:56px 48px;background-color:#fff;display:flex;flex-direction:column;gap:40px}body .container .form-page .form-container .title h1{font-size:20px;font-weight:550;line-height:24px;color:#1d1d22}body .container .form-page .form-container .title p{font-size:13px;font-weight:450;line-height:20px;color:#636567}body .container .form-page .form-container form{display:flex;flex-direction:column;gap:40px}body .container .form-page .form-container form .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}body .container .form-page .form-container form .input-group{display:flex;flex-direction:column;gap:8px}body .container .form-page .form-container form .input-group label{font-size:14px;font-weight:400;line-height:14px}body .container .form-page .form-container form .input-group label span{color:#ff3b30}body .container .form-page .form-container form .input-group input,body .container .form-page .form-container form .input-group select,body .container .form-page .form-container form .input-group textarea{padding:12px 16px;border-radius:8px;border:1px solid #d7dadc;background-color:#fff}body .container .form-page .form-container form .input-group h1{font-size:16px;font-weight:550;line-height:24px;color:#1d1d22}body .container .form-page .form-container form .input-group p{font-size:13px;font-weight:450;line-height:20px;color:#636567}body .container .form-page .form-container form .input-group .dropzone{width:100%;height:200px;border-radius:11px;border:2px dashed #e5e7ea;cursor:pointer}body .container .form-page .form-container form .buttons{width:100%;display:flex;justify-content:space-between}body .container .form-page .form-container form .buttons button{border-radius:10px;padding:14px;font-size:16px;font-weight:550;line-height:20px}body .container .form-page .form-container form .buttons button.prev{border:1px solid #1d1d22;color:#1d1d22;background-color:#fff}body .container .form-page .form-container form .buttons button.next{border:none;background-color:#e50101;color:#fff}