:root{--dark:#2C3E50;--green:#B9D09C;--lime:#E1FA3F;--light:#F1F4F8;--line:#DEE4EE;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--dark);background:#fff}.balance-page{width:min(100%,1260px);margin:0 auto;padding:84px 0 0}.section-head{margin-bottom:30px}.section-head h1{margin:0 0 12px;font-size:46px;line-height:1;font-weight:500}.section-head p{margin:0;font-size:18px;line-height:1.25}.balance-form{background:rgba(222,228,238,.4);border-radius:40px;padding:38px 50px 27px}.balance-form__inner{display:flex;flex-direction:column;gap:20px}.field-block{display:flex;flex-direction:column;gap:10px}.field-block__label{font-size:16px;font-weight:600}.field-block__hint{font-size:12px;font-weight:500;opacity:.7}.phone-input,.amount-input{display:flex;height:60px}.phone-input__prefix,.amount-input span{display:flex;align-items:center;justify-content:center;background:var(--dark);color:#fff;font-weight:500}.phone-input__prefix{width:70px;border-radius:36px 0 0 36px}.phone-input input,.amount-input input{min-width:0;border:2px solid var(--dark);background:#fff;color:var(--dark);font:300 14px/1 Manrope;padding:0 28px;outline:none}.phone-input input{width:100%;border-radius:0 36px 36px 0}.amount-input input{width:100%;border-radius:36px 0 0 36px}.amount-input span{width:70px;border-radius:0 36px 36px 0}.amount-buttons,.pay-methods{display:flex;gap:15px;flex-wrap:wrap}.amount-buttons button{width:95px;height:50px;border:2px solid var(--dark);background:#fff;border-radius:30px;color:var(--dark);font:300 14px Manrope}.amount-buttons__tablet{display:none}.pay-method{height:60px;min-width:174px;border:2px solid var(--dark);border-radius:36px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;font-size:14px}.pay-method input{order:2;appearance:none;width:18px;height:18px;border:2px solid var(--dark);border-radius:50%}.pay-method input:checked{box-shadow:inset 0 0 0 4px #fff;background:var(--dark)}.sbp-logo{line-height:.9}.sbp-logo b{font-size:16px}.sbp-logo small{display:block;font-size:5px}.el-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ff8200;color:#fff;font-style:normal;font-weight:700}.balance-form__submit,.app-card__btn{border:0;display:flex;align-items:center;justify-content:center;text-decoration:none;font:500 16px Manrope;border-radius:40px}.balance-form__submit{width:100%;height:70px;margin-top:26px;background:var(--dark);color:#fff}.app-card{position:relative;overflow:hidden;width:100%;height:657px;border-radius:40px;background:#DEE4EE;padding:50px 35px}.app-card:before{content:"";position:absolute;    width: 430px;
    height: 400px;left:-65px;top:-95px;border-radius:50%;background:var(--green);transform:rotate(-18deg)}.app-card:after{content:"";position:absolute;width:360px;height:310px;right:-135px;bottom:-95px;border-radius:50%;background:var(--dark);transform:rotate(-25deg)}.app-card__text,.bonus-card,.app-card__btn,.phone-mockup{position:relative;z-index:1}.app-card__text h2{margin:0 0 20px;font-size:30px;line-height:1;font-weight:600; text-align: left; text-transform: none;}.app-card__text p{margin:0;width:250px;font-size:14px;line-height:1.25}.bonus-card{display:flex;align-items:center;gap:10px;width:100%;height: 120px;margin:42px 0 36px;padding:10px 20px;border-radius:20px;background:#fff}.bonus-card p{margin:0}.bonus-card b{display:block;font-size:28px; font-weight: 600; line-height: 100%;}.bonus-card small{font-size:16px}.phone-mockup{width:218px;height:187px;margin:0 auto;}.phone-mockup__screen{height:100%;font-size:10px}.phone-mockup__screen b{display:block;margin-top:35px;font-size:22px}.app-card__btn{position:absolute;left:35px;right:35px;bottom:45px;height:70px;background:var(--lime);color:var(--dark);z-index:2}.cards-section{margin-top:50px}.cards-section h2{margin:0 0 24px;font-size:25px;line-height:1;font-weight:600;text-align: left; text-transform: none;}.feature-row{display:grid;gap:20px}.feature-row--auto{grid-template-columns:1fr 1fr 1fr}.feature-row--other{grid-template-columns:1fr 1fr}.info-card{display:flex;align-items:center;gap:20px;min-height:120px;padding:24px 40px;background:#fff;border:2px solid var(--line);border-radius:20px}.info-card h3{text-align: left;margin:0 0 10px;font-size:20px;line-height:1;font-weight:600}.info-card p{max-width:239px;font-size:14px;line-height:1.25}.icon{display: flex;flex:0 0 auto;width:56px;height:56px;color:var(--green);position:relative}.icon:before{font-size:52px;line-height:1}.icon--gift:before{content:"🎁"}.icon--wallet:before{content:"▣"}.icon--time:before{content:"◴"}.icon--bank:before{content:"▤"}.icon--qr:before{content:"▦"}.icon--info:before{content:"ⓘ"}.notice-card{display:flex;gap:25px;align-items:center;margin-top:50px;padding:20px 40px !important;border:2px solid var(--line);border-radius:20px}.notice-card p{margin:0 0 22px;font-size:14px;line-height:1.25}.notice-card p:last-child{margin-bottom:0}.download-app{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 200px 330px;align-items:center;gap:50px;margin-top:70px;min-height:350px;padding:55px;border:4px solid #627384;border-radius:70px}.download-app__text h2{margin:0 0 18px;font-size:34px;line-height:1.15;font-weight:500}.download-app__text p{margin:0 0 22px;font-size:16px;line-height:1.25}.store-buttons{display:flex;gap:10px;flex-wrap:wrap}.store-buttons a{display:inline-flex;align-items:center;justify-content:center;width:125px;height:36px;background:var(--dark);color:#fff;border-radius:4px;font-size:13px}.download-app__qr{width:180px;height:180px;background:repeating-linear-gradient(90deg,var(--dark) 0 8px,#fff 8px 16px),repeating-linear-gradient(0deg,transparent 0 12px,rgba(255,255,255,.65) 12px 20px);background-blend-mode:multiply}.download-app__phone{margin:0;transform:scale(1.35);transform-origin:center bottom}.download-app__phone .phone-mockup__screen b{font-size:18px}.download-app__phone .phone-mockup__screen span{display:block;margin-top:25px}
@media (max-width:1199px){.balance-page{max-width:1080px;padding:80px 65px}.section-head h1{font-size:42px}.section-head p{font-size:16px}.balance-form{padding:38px 34px}.amount-buttons__tablet{display:block}.amount-buttons button{width:82px}.pay-method{min-width:154px}.app-card{width:340px;height:590px}.cards-section{margin-top:45px}.feature-row--auto{display:flex;overflow-x:auto;padding-bottom:4px}.feature-row--auto .info-card{min-width:375px}.download-app{grid-template-columns:1fr 160px 260px;min-height:245px;border-radius:48px;padding:38px 50px}.download-app__phone{transform:scale(1.1)}}
@media (max-width:767px){.balance-page{width:430px;max-width:100%;padding:40px 20px 50px;margin:0}.section-head{margin-bottom:28px}.section-head h1{font-size:24px;line-height:1.35;margin-bottom:10px}.section-head p{font-size:12px;line-height:1.35}.balance-form{border-radius:36px;padding:20px}.balance-form__inner{gap:15px}.field-block__label{font-size:12px}.field-block__hint{font-size:10px}.phone-input,.amount-input{height:50px}.phone-input__prefix,.amount-input span{width:55px;font-size:12px}.phone-input input,.amount-input input{font-size:12px;padding:0 16px}.amount-buttons{gap:10px;flex-wrap:nowrap}.amount-buttons button{width:80px;height:40px;font-size:12px}.amount-buttons__tablet{display:none}.pay-methods{gap:18px;flex-wrap:nowrap}.pay-method{min-width:105px;height:40px;padding:0 10px;font-size:12px;border-width:2px}.pay-method input{width:12px;height:12px;border-width:1px}.pay-method--sbp{padding-left:12px}.sbp-logo b{font-size:14px}.sbp-logo small{font-size:3.7px}.balance-form__submit{height:56px;margin-top:15px;font-size:14px}.app-card{width:100%;height:249px;border-radius:28px;padding:25px 20px}.app-card:before{width:247px;height:168px;left:-45px;top:-95px}.app-card:after{width:343px;height:236px;right:-130px;bottom:-90px}.app-card__text h2{font-size:16px;line-height:1.05;margin-bottom:12px}.app-card__text p{width:181px;font-size:10px}.bonus-card{width:176px;height:54px;margin:22px 0 0;padding:10px;gap:8px;border-radius:12px}.bonus-card .icon{width:30px;height:30px}.bonus-card b{font-size:12px}.bonus-card small{font-size:7px}.app-card .phone-mockup{position:absolute;right:46px;top:60px;width:96px;height:146px;border-width:5px;border-radius:18px;padding:18px 7px}.app-card .phone-mockup__screen b{font-size:12px;margin-top:18px}.app-card__btn{left:20px;right:20px;bottom:25px;height:50px;font-size:14px}.cards-section{margin-top:40px}.cards-section h2{font-size:20px;margin-bottom:20px}.feature-row{display:flex;gap:13px;overflow-x:auto;margin-right:-20px;padding-right:20px}.feature-row--auto .info-card,.info-card{min-width:335px;min-height:96px;padding:20px;gap:18px;border-radius:20px}.feature-row--other .info-card{min-width:335px}.info-card h3{font-size:16px}.info-card p{font-size:14px}.icon{width:49px;height:49px}.icon:before{font-size:45px}.notice-card{margin-top:30px;padding:25px;gap:18px;border-radius:20px}.notice-card .icon{width:28px;height:28px}.notice-card .icon:before{font-size:28px}.notice-card p{font-size:14px;line-height:1.25}.download-app{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:30px;min-height:390px;padding:40px 30px;border-width:3px;border-radius:40px}.download-app__text h2{font-size:24px}.download-app__text p{font-size:12px}.store-buttons{justify-content:center}.store-buttons a{width:90px;height:30px;font-size:10px}.download-app__qr{width:128px;height:128px}.download-app__phone{display:none}}

.pricing-plans__connection {
    margin-top: 50px;
    margin-bottom: 0;

    @media screen and (max-width: 768px) {
        margin-top: 40px;
    }
}

.pricing-plans__connection__title span {
    line-height: 120%;
}

.notice-card p b {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #2C3E50;
}

section {
    padding: 0 !important;
}

.amount-buttons button,
.pay-method,
.balance-form__submit,
.app-card__btn,
.store-buttons a {
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pay-method {
    flex-basis: calc(33% - 10px);
}

.pay-method input {
    flex: 0 0 26px;
    width: 26px !important;
    height: 26px !important;
    border: 2px solid var(--dark) !important;
    border-radius: 50%;
    background: #fff;
    box-shadow: none !important;
    cursor: pointer;
}

.pay-method input:checked {
    background: radial-gradient(circle at center, var(--dark) 0 9px, transparent 8.5px);
}

.amount-buttons button:hover {
    background: var(--dark);
    color: #fff;
}

.amount-buttons button:active,
.balance-form__submit:active,
.app-card__btn:active,
.store-buttons a:active {
    transform: translateY(0);
}

.balance-form__submit:hover {
    background: #fff;
    color: var(--dark);
    border: 1px solid var(--dark) ;
}

.balance-form__submit:disabled {
    cursor: wait;
    opacity: .7;
    transform: none;
}
.app-card__btn {
border: 1px solid #D7EF35;
}
.app-card__btn:hover {
    background: white;
}

.store-buttons a:hover {
    background: #3B5570;
}

.balance-hero {
    display: flex;
    align-items: start;
    gap: 66px;
}
.balance-hero__content {
        flex-basis: 62%;
}
.app-card {
    flex-basis: 38%;
	height: auto;
}
.phone-mockup {
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    width: 218px;
    height: 187px;
    margin: 0 auto;
}
@media (max-width: 1199px) {
	.app-card {
		height: auto !important;
	}
	.phone-mockup {
		bottom: 56px;
	}
    .balance-hero__content {
        width: 100%;
    }
    .app-card {
        width: 100%;
        height: 501px;
    }
    .balance-page {
        padding: 80px 0;
    }

    .bonus-card b {
        font-size: 16px;
    }
    .bonus-card small {
        font-size: 9px;
    }
    .app-card__text h2 {
        font-size: 20px;
    }
    .app-card__text p {
        font-size: 10px;
    }
     .bonus-card {
        padding: 10px;
        height: 90px;
        margin: 26px 0 20px;
    }
    .app-card__btn {
        bottom: 20px;
    }
    .phone-mockup {
width: 189px;
height: 163px;
    }
}

.section-head h1 {
	font-size: 40px;
}
.amount-input span,
.app-card__text p,
.phone-input__prefix,
.section-head p {
	font-size: 16px;
}

.app-card__btn,
.balance-form__submit,
.field-block__label {
	font-size: 18px;
}
.balance-form {
	padding: 39px;
}
.amount-buttons button {
	height: 40px;
}
.phone-input, .amount-input {
	height: 57px;
}
.section-head {
	margin-bottom: 25px;
}
.balance-hero {
	align-items: stretch;
}
.info-card p {
	font-size: 14px !important; 
}

@media screen and (max-width: 1199px) {
	.app-card__text p {
		font-size: 10px;
	}
	.balance-form {
	padding: 20px 40px;
}
	.pay-method {
		height: 50px;
	}
	.app-card__btn,
	.balance-form__submit {
		height: 57px;
	}
	.balance-form__inner {
		gap: 15px;
	}
	.phone-input, .amount-input {
		height: 50px;
	}
	.pay-method input {
		border: 1px solid var(--dark) !important;
	}
	.pay-method img {
		max-width: 80px;
		height: 20px;
	}
	.pay-method input:checked {
		background: radial-gradient(circle at center, var(--dark) 0 3px, transparent 4.5px);
	}
	.pay-method {
		padding: 0 13px;
	}
	.pay-method input {
		flex: 0 0 12px;
		width: 12px !important;
		height: 12px !important;
	}
	.amount-input input::placeholder,
	.amount-input input,
	.field-block__hint {
		font-size: 10px;
	}
	.amount-input input {
		    font: 300 10px / 1 Manrope;
	}
	.cards-section h2 {
		font-size: 20px;
	}
	.info-card h3,
	.info-card p {
		font-size: 16px;
	}
    .pay-method {
        min-width: 97px;
        max-width: 140px;
    }
	.amount-buttons__mobile-off {
		display:none;
	}
	.section-head h1 {
	font-size: 34px;
	} 
	.app-card__btn,
	.balance-form__submit,
	.section-head p {
	font-size: 14px;
}
	.amount-input span,
	.phone-input__prefix,
	.field-block__label {
	font-size: 12px;
	} 
    .balance-hero {
        gap: 54px;
    }
    .icon {
        width: 49px;
        height: 49px;
    }
    .notice-card {
        align-items: start;
    }
    .container {
        padding: 0 20px !important;
    }
}
.feature-row {
    overflow-x: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}

.feature-row::-webkit-scrollbar {
    display: none; 
}
@media screen and (max-width: 768px) {
	.pay-method {
		gap: 7px;
	}
	.balance-form {
		padding: 20px;
	}
	    .pay-method img {
        max-width: 56px;
        height: 20px;
    } 
	.app-card__text h2 {
		font-size: 16px;
	}
    .balance-hero {
        flex-direction: column;
        gap: 40px;
    }
    .balance-page {
        width: 100%;
    }

    .app-card .phone-mockup {
        width: 133px;
        height: 122px;
    }
    .app-card {
        height: 249px !important;
        flex-basis: auto;
        padding: 20px 30px;
    }
    .app-card .phone-mockup {
        top: 80px;
        right: 5px;
		left: auto;
		transform: translateX(0)
    }
    .pay-methods {
        gap: 10px;
    }

    .bonus-card b {
        font-size: 12px ;
    }

    .bonus-card small {
        font-size: 7px ;
    }
    .bonus-card {
        height: 54px;
        padding: 15px 10px;
        margin: 6px 0 20px;
    }
.balance-page {
    padding: 40px 0;
}
}