@font-face{font-family:Rubik;src:url(/assets/Rubik-Regular-C2SsDFU5.ttf);font-weight:400}@font-face{font-family:Rubik;src:url(/assets/Rubik-Medium-CEEjkc2a.ttf);font-weight:500}@font-face{font-family:Rubik;src:url(/assets/Rubik-SemiBold-DUGsauFp.ttf);font-weight:600}@font-face{font-family:Rubik;src:url(/assets/Rubik-Bold-DPz6q6wN.ttf);font-weight:700}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-Regular-BpskOkD5.ttf);font-weight:400}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-Medium-BtfNrkJj.ttf);font-weight:500}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-SemiBold-C9_sHzqi.ttf);font-weight:600}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-Bold-BVTOCPiq.ttf);font-weight:700}html,body{min-height:100%}#root{display:flex;flex-direction:column;width:fit-content;margin:0 auto;border-radius:16px;background-color:#fff;box-shadow:0 5px 10px 3px #0003}header{border-radius:16px 16px 0 0}footer{border-radius:0 0 16px 16px}body{background-color:#e7e7e7;padding:10px 0}.content{flex-grow:1}*{margin:0;padding:0;box-sizing:border-box}.wrapper{margin:0 auto;width:430px}a,button{cursor:pointer;text-decoration:none;border:none;outline:none}main{position:relative;display:flex;flex-grow:1;padding:0 20px}:root{--font-family: "Rubik", sans-serif;--second-family: "Inter", sans-serif}@media screen and (max-width: 430px){.wrapper{width:89vw}main{padding:0}#root{min-height:100vh;width:100%;margin:0;border:none;border-radius:0;background-color:#fff;box-shadow:none}header{border-radius:0}footer{border-radius:0}body{background-color:#fff;padding:0}}header{background-color:#101623;padding:12px 12px 24px;margin-bottom:16px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;box-shadow:0 5px 10px 3px #0003}header .changeLang{font-family:var(--font-family);font-weight:400;font-size:13px;color:#888b91;padding:4px 8px;background:none;border-radius:8px}header .changeLang.selectedLang{color:#fff;background-color:#108872}footer{padding:20px;background-color:#f1f1f1;margin-top:24px}footer p{font-family:var(--font-family);font-weight:500;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#999;text-align:center}.formText{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:16px}.formText h2{font-family:var(--font-family);font-weight:500;font-size:28px;line-height:114%;color:#10141d}.formText p{font-family:var(--font-family);font-weight:400;font-size:16px;line-height:150%;color:#4c5059;text-align:center}.formText .timer{padding:6px 12px;border-radius:24px;background-color:#fdfbe4;border:1px solid #fff366}.formText .timer.expired{background-color:#ffd8d8;border:1px solid #ff6666}.formText .timer p{color:#5b4724}.formText .timer .timerText{font-weight:500;font-size:13px}.formText .timer .timerText span{font-size:14px;font-weight:600}.formText .timer .timerExpired{color:#ff3636}.form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.form label{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;position:relative}.form label p{font-family:var(--font-family);font-weight:500;font-size:14px;line-height:133%;color:#2f343d;text-transform:uppercase}.form label .textCopied{font-family:var(--second-family);font-weight:500;font-size:12px;color:#257a62;position:absolute;top:0;right:0}.form label .condition{font-family:var(--second-family);font-weight:500;font-size:12px;color:#e74a22;text-transform:initial}.form label .inputWrapper{position:relative;width:100%}.form label .inputWrapper input{border:1px solid #d6dce2;border-radius:8px;padding:12px;width:100%;outline:none;font-family:var(--font-family);font-weight:400;font-size:16px;line-height:125%;color:#10141d;background:#e8edf1}.form label .inputWrapper input:focus{border:1px solid #0e46f1}.form label .inputWrapper .copyBtn{width:20px;height:20px;position:absolute;top:12px;right:12px;background-image:url(/img/copyBtn.svg);background-size:cover}.form label .bankSelect{width:100%;border-radius:8px;height:44px}.form label .bankSelect::placeholder{content:none}.form label .bankSelect:focus{border:1px solid #0e46f1}.form .instruction{padding:16px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;border:1px solid rgb(223,223,223);border-radius:8px}.form .instruction h2{font-family:var(--second-family);font-weight:700;font-size:14px;line-height:133%;color:#0f1114;text-transform:uppercase}.form .instruction .instructionList{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.form .instruction .instructionList p{font-family:var(--second-family);font-weight:500;font-size:13px;color:#545658}.form .instruction .instructionList p span{color:#257a62;margin-right:6px;font-weight:700}.form .helpMessage{border-radius:8px;padding:20px 18px;width:100%;background-color:#ddf1ed}.form .helpMessage p{font-family:var(--font-family);font-weight:400;font-size:13px;line-height:143%;color:#242527;display:flex;flex-direction:row;align-items:flex-start}.form .helpMessage p:before{content:url(/img/infoIcon.svg);width:16px;height:16px;margin-right:12px}.form .warningMessage{border:.5px solid #b36200;border-radius:8px;padding:12px;width:100%;background:#fff8f2}.form .warningMessage p{font-family:var(--font-family);font-weight:400;font-size:14px;line-height:143%;color:#10141d;display:flex;flex-direction:row;align-items:flex-start}.form .warningMessage p:before{content:url(/img/warning.svg);width:24px;height:24px;margin-right:12px}.btnContinue{border-radius:12px;padding:16px;display:block;background:#0c886d;font-family:var(--font-family);font-weight:700;font-size:16px;line-height:150%;text-align:center;color:#fff}.btnContinue.disabled{background-color:#aaa}.skeleton{position:relative;overflow:hidden;background-color:#e8edf1;border-radius:8px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#fff9,#fff0);animation:shimmer 1.4s infinite}.skeleton.line{height:16px;width:80%;margin:0 auto 12px;border-radius:12px}.skeleton.input{height:44px;width:100%;border-radius:8px}.skeleton.button{height:52px;width:100%;border-radius:12px;margin-top:8px}.wrapper .skeleton.line{margin-bottom:16px}.wrapper .skeleton.input{margin-bottom:26px}.wrapper .skeleton.button{margin-top:16px}@keyframes shimmer{to{transform:translate(100%)}}.progressBar{display:flex;align-items:center;height:20px;margin-bottom:8px}.progressBar .bank,.progressBar .requisite{width:50%;display:flex;align-items:center;position:relative}.progressBar .filled{width:50%;background-color:#0e46f1;height:2px}.progressBar .gray{width:50%;background-color:#dce3e9;height:2px}.progressBar .currentStage{width:20px;height:20px;position:absolute;left:0;right:0;margin:0 auto;z-index:2;border-radius:100%;background-color:#0e46f1;display:flex;align-items:center;justify-content:center}.progressBar .currentStage p{font-family:var(--second-family);font-weight:500;font-size:13px;line-height:123%;text-align:center;color:#fff}.progressBar .nextStage{width:20px;height:20px;position:absolute;left:0;right:0;margin:0 auto;z-index:2;border-radius:100%;background-color:#dce3e9;display:flex;align-items:center;justify-content:center}.progressBar .nextStage p{font-family:var(--second-family);font-weight:500;font-size:13px;line-height:123%;text-align:center;color:#252a31}.progressBar .currentStatus{width:28px;height:28px;position:absolute;left:0;right:0;margin:0 auto;z-index:1;border-radius:100%;background-color:#008f7b33}.textBar{display:flex;flex-direction:row;align-items:center;margin-bottom:24px}.textBar p{font-family:var(--font-family);font-weight:500;font-size:13px;line-height:123%;text-align:center;color:#4f5e71;width:50%}.textBar .currentText{color:#252a31}.complete{background-image:url(/img/complete.svg);background-position:center;background-repeat:no-repeat}.currentSecond{background-color:#0e46f1!important}.currentSecond p{color:#fff!important}.paymentCard{background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 40px #00000014}.paymentHeader{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.paymentHeader h2{margin:0 0 6px;font-size:22px}.paymentHeader p{margin:0;color:#777}.paymentTimer{min-width:76px;height:38px;border-radius:999px;background:#f2f4f7;display:flex;align-items:center;justify-content:center;font-weight:600}.paymentTimer.expired{background:#ffe8e8;color:#d92d20}.paymentFields{display:flex;flex-direction:column;gap:16px}.paymentField{display:flex;flex-direction:column;gap:8px}.paymentField span{font-size:14px;font-weight:500;color:#555}.paymentField input{width:100%;height:52px;border-radius:14px;border:1px solid #ddd;padding:0 16px;font-size:16px;outline:none;background:#fafafa}.paymentField input:focus{border-color:#111;background:#fff}.paymentInputGroup{display:flex;gap:8px}.paymentInputGroup input{flex:1}.copyBtn{width:52px;height:52px;border:none;cursor:pointer}.paymentRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cardAmountBox{padding:18px;border-radius:16px;background:#f7f7f8;margin-bottom:20px}.cardAmountBox span{display:block;color:#777;font-size:14px;margin-bottom:4px}.cardAmountBox strong{font-size:24px}.paymentHint{margin:0;font-size:13px;color:#d92d20}.paymentInfoBox{margin-top:20px;padding:18px;border-radius:16px;background:#f7f7f8}.paymentInfoBox h3{margin:0 0 12px}.paymentInfoBox p{margin:6px 0;color:#555}.btnContinue{width:100%;height:54px;margin-top:24px;border-radius:16px;border:none;font-size:16px;font-weight:600;background:#111;color:#fff;cursor:pointer}.btnContinue.disabled{opacity:.45;cursor:not-allowed}@media (max-width: 480px){.paymentCard{padding:18px;border-radius:16px}.paymentHeader{flex-direction:column}.paymentTimer{width:fit-content}}.transactionStatus{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:60px;gap:20px}.transactionStatus h1{font-family:var(--second-family);font-weight:700;font-size:24px;text-align:center}.transactionStatus p{font-family:var(--second-family);font-weight:500;font-size:14px;text-align:center;line-height:160%;color:#666;margin-bottom:40px}.errorPage .errorImg{width:100%}.errorPage .title{font-family:var(--second-family);font-weight:600;font-size:30px;margin-bottom:20px;text-align:center}.errorPage .notFoundMessage{font-family:var(--second-family);font-weight:500;font-size:18px;margin-bottom:15px;text-align:center}