html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ol, ul {
    list-style:none;
}

input, select {
    vertical-align:middle;
}
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html,body{
    color: #8A5060;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 15.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.36px;
    scroll-behavior: smooth;
    background: #fff;
    overflow-x: hidden;
    overscroll-behavior-x: none;
}
button, a, input, select, textarea{
    -webkit-tap-highlight-color: transparent;
}
button:focus, a:focus{
    outline: none;
}
button:focus-visible, a:focus-visible{
    outline: 2px solid rgba(225, 29, 72, 0.5);
    outline-offset: 2px;
}
.popup__close svg path,
.popupaccept__close svg path,
.howstart__close svg path,
.userauth__close svg path,
.popupvideo__close svg path{
    transition: opacity .2s ease;
}
.popup__close:hover svg path,
.popupaccept__close:hover svg path,
.howstart__close:hover svg path,
.userauth__close:hover svg path,
.popupvideo__close:hover svg path{
    opacity: 0.3;
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
main.main{
    margin-top: 60px;
    overflow: hidden;
}
.container{
    width: 100%;
    max-width: 1164px;
    padding: 0 32px;
    margin: 0 auto;
}
.btn,
button{
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFF;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 12.8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.536px;
    width: 100%;
    max-width: max-content;
    text-transform: uppercase;
}
.btn{
    border-radius: 32px;
    background: linear-gradient(101deg, #E11D48 0%, #F97316 100%);
    padding: 8px 18px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.btn::after{
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    background: #E11D48;
    opacity: 0;
    transition: all .2s ease;
}
.btn:hover::after{
    opacity: 1;
}
textarea,
textarea::placeholder,
input,
input::placeholder{
    color: rgba(138, 80, 96, 0.50);
    font-family: 'Inter', sans-serif;
    font-size: 14.4px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 1024px){
    textarea,
    textarea::placeholder,
    input,
    input::placeholder{
        font-size: 16px;
    }
}
textarea,
input{
    padding: 13px 17px;
    color: #1A0505;
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(225, 100, 150, 0.20);
    background: rgba(255, 243, 236, 0.70);
    height: 43px;
}
textarea:focus,
input:focus{
    border: 1px solid rgba(225, 100, 150, 0.40);
    background: #FFF3EC;
}
input.input-error,
.has-error input{
    background: linear-gradient(96deg, rgba(225, 29, 72, 0.20) 0%, rgba(249, 115, 22, 0.20) 100%);
}
input.input-error::placeholder,
.has-error input::placeholder{
    color: #8A5060;
    background: linear-gradient(106deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #8A5060;
    transition: -webkit-text-fill-color .2s ease, color .2s ease;
}
textarea{
    resize: none;
    height: 120px;
}
.title-name{
    font-size: 11.5px;
    letter-spacing: 2.304px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 16px;
    background: linear-gradient(91deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title{
    color: #1A0505;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 52.8px; /* 110% */
}
.title-icon{
    padding-bottom: 24px;
    position: relative;
}
.title-icon::after{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    border-radius: 1px;
    background: linear-gradient(93deg, #E11D48 0%, #F97316 100%);
}
mark{
    background: linear-gradient(90deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-start{
    overflow: hidden;
    width: 52px;
    height: 52px;
    display: flex;
    min-width: 52px;
    filter: drop-shadow(0 4px 16px rgba(225, 29, 72, 0.20));
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 220, 235, 0.90) 100%);
    border-radius: 50%;
}
.btn-start::after{
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + 2px);
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cg clip-path='url(%23paint0_diamond_6_151_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0.018 0 0 0.01 -0.000122309 10)'%3E%3Crect x='0' y='0' width='1055.56' height='1100' fill='url(%23paint0_diamond_6_151)' opacity='1' shape-rendering='crispEdges'/%3E%3Crect x='0' y='0' width='1055.56' height='1100' transform='scale(1 -1)' fill='url(%23paint0_diamond_6_151)' opacity='1' shape-rendering='crispEdges'/%3E%3Crect x='0' y='0' width='1055.56' height='1100' transform='scale(-1 1)' fill='url(%23paint0_diamond_6_151)' opacity='1' shape-rendering='crispEdges'/%3E%3Crect x='0' y='0' width='1055.56' height='1100' transform='scale(-1)' fill='url(%23paint0_diamond_6_151)' opacity='1' shape-rendering='crispEdges'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M18 0V20H0V0H18Z' data-figma-gradient-fill='%7B"type":"GRADIENT_DIAMOND","stops":%5B%7B"color":%7B"r":0.76078432798385620,"g":0.094117648899555206,"b":0.35686275362968445,"a":1.0%7D,"position":0.99999988079071045%7D,%7B"color":%7B"r":0.0,"g":0.0,"b":0.0,"a":0.0%7D,"position":1.0%7D%5D,"stopsVar":%5B%7B"color":%7B"r":0.76078432798385620,"g":0.094117648899555206,"b":0.35686275362968445,"a":1.0%7D,"position":0.99999988079071045%7D,%7B"color":%7B"r":0.0,"g":0.0,"b":0.0,"a":0.0%7D,"position":1.0%7D%5D,"transform":%7B"m00":36.0,"m01":0.0,"m02":-18.00012207031250,"m10":0.0,"m11":20.0,"m12":0.0%7D,"opacity":1.0,"blendMode":"NORMAL","visible":true%7D'/%3E%3Cdefs%3E%3CclipPath id='paint0_diamond_6_151_clip_path'%3E%3Cpath d='M18 0V20H0V0H18Z'/%3E%3C/clipPath%3E%3ClinearGradient id='paint0_diamond_6_151' x1='0' y1='0' x2='500' y2='500' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%23C2185B'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
}
.slider-bottom{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 25px;
}
.slider-btn-prev,
.slider-btn-next{
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    border-radius: 20px;
    border: 1px solid rgba(225, 100, 150, 0.15);
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(2px);
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.slider-btn-prev{
    transform: rotate(-180deg);
}
.slider-btn-prev:hover,
.slider-btn-next:hover{
    border-color: rgba(225, 100, 150, 0.60);
}
.slider-pagination{
    max-width: max-content;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}
.slider-pagination .swiper-pagination-bullet{
    opacity: 1;
    margin: 0 !important;
    width: 6px;
    height: 6px;
    min-width: 6px;
    border-radius: 32px;
    background: rgba(225, 100, 150, 0.25);
    transition: all .2s ease;
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: linear-gradient(107deg, #E11D48 0%, #F97316 100%);
    width: 20px;
    min-width: 20px;
}
.slider-btn-prev::before,
.slider-btn-next::before{
    content: '';
    position: absolute;
    inset: 0;
    transition: all .2s ease;
    z-index: -2;
    opacity: 0;
    background: linear-gradient(96deg, #E11D48 0%, #F97316 100%);
}
.slider-btn-prev::after,
.slider-btn-next::after{
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 16px;
    height: 16px;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 12L10 8L6 4' stroke='%238A5060' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s ease;
}
.slider-btn-prev:hover::after,
.slider-btn-next:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 12L10 8L6 4' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.slider-btn-prev:hover::before,
.slider-btn-next:hover::before{
    opacity: 1;
}


.form-label{
    display: inline-block;
    margin-bottom: 8px;
    background: linear-gradient(92deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.382px;
    text-transform: uppercase;
}
.form-block{
    display: flex;
    flex-direction: column;
}
@media (max-width: 1024px) {
    .container{
        max-width: 768px;
    }
}
@media (max-width: 768px) {
    .container{
        max-width: 480px;
    }
    .btn{
        padding: 7px 13px;
    }
    main.main{
        margin-top: 58px;
    }
    .title-name{
        margin-bottom: 14px;
    }
    .title {
        font-size: 32px;
        line-height: 35.2px;
    }
    .title-icon{
        padding-bottom: 22px;
    }
    input{
        height: 41px;
    }
    textarea{
        height: 71px;
    }
}
@media (max-width: 480px) {

}
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #fff;
    border-bottom: 1px solid rgba(225, 100, 150, 0.15);
    background: #FFF;
}
.header .container{
    max-width: 100%;
}
.header__inner{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    padding: 15px 0;
}
.header__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 81px;
}
.header__logo img{
    width: 100%;
}
.header__menu ul{
    display: flex;
    align-items: center;
    gap: 24px;
}
.header__menu ul li a{
    display: flex;
    align-items: center;
    text-align: center;
    transition: all .3s ease;
    font-size: 12px;
    line-height: normal;
    position: relative;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.header__menu ul li a::after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 0%;
    transition: all .3s ease;
    background-color: #8A5060;
    height: 1px;
}
.header__menu ul li a:hover::after{
    width: 100%;
}
.header__selects{
    display: flex;
    align-items: center;
    gap: 5px;
}
.header__select{
    position: relative;
    max-width: max-content;
    user-select: none;
}
.header__select-top{
    user-select: none;
    cursor: pointer;
    text-wrap: nowrap;
    color: #1A0505;
    font-size: 11.5px;
    line-height: 14px;
    padding: 6px 10px;
    border-radius: 32px;
    border: 1px solid rgba(225, 100, 150, 0.15);
    background: rgba(255, 255, 255, 0.70);
    max-width: max-content;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: all .2s ease;
}
.header__select-top:hover{
    border: 1px solid rgba(225, 100, 150, 0.40);
    background: #FFF3EC;
}
.header__select-top::after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cg clip-path='url(%23clip0_1_519)'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238A5060' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_519'%3E%3Crect width='10' height='6' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display: inline-block;
    width: 10px;
    height: 6px;
    min-width: 10px;
    display: inline-block;
}
.header__select-content{
    position: absolute;
    overflow: hidden;
    top: calc(100% + 5px);
    left: 0;
    z-index: 10;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(225, 100, 150, 0.15);
    background: rgba(255, 255, 255, 1);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
}
.header__select-item{
    color: #1A0505;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    transition: all .1s ease;
    font-size: 11.5px;
    line-height: 14px;
    padding: 6px 10px;
}
.header__select-item:hover{
    background-color: rgba(225, 100, 150, 0.15);
}
.header__select.active .header__select-content{
    opacity: 1;
    pointer-events: all;
    transform: translateY(0%);
}
.header__select.active .header__select-top::after{
    transform: rotate(180deg);
}
.header__end{
    display: flex;
    align-items: center;
    gap: 8px;
}
.header__btn{
    font-size: 11.5px;
    letter-spacing: 1.152px;
}
.header__burger{
    display: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24' viewBox='0 0 28 24' fill='none'%3E%3Cpath d='M0 2C0 0.895431 0.895431 0 2 0H26C27.1046 0 28 0.895431 28 2C28 3.10457 27.1046 4 26 4H2C0.895431 4 0 3.10457 0 2Z' fill='%238A5060'/%3E%3Cpath d='M0 22C0 20.8954 0.895431 20 2 20H26C27.1046 20 28 20.8954 28 22C28 23.1046 27.1046 24 26 24H2C0.895431 24 0 23.1046 0 22Z' fill='%238A5060'/%3E%3Cpath d='M0 12C0 10.8954 0.895431 10 2 10H26C27.1046 10 28 10.8954 28 12C28 13.1046 27.1046 14 26 14H2C0.895431 14 0 13.1046 0 12Z' fill='%238A5060'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 24px;
    min-width: 28px;
}
.header__content{
    display: none;
}
@media (max-width: 1024px) {
    .header__inner{
        position: relative;
        z-index: 10;
    }
    .header__content{
        opacity: 0;
        pointer-events: none;
        transition: all .2s ease;
        display: flex;
        position: fixed;
        inset: 0;
        z-index: -1;
        background: rgba(0, 0, 0, 0.60);
        backdrop-filter: blur(20px);
        top: 59px;
        overflow: hidden;
    }
    .header__content-inner{
        padding: 24px 32px 40px;
        margin-left: auto;
        display: flex;
        gap: 16px;
        flex-direction: column;
        overflow: auto;
        width: 100%;
        max-width: 400px;
        transform: translateX(100%);
        transition: all .3s ease;
        background: linear-gradient(178deg, #FFF 0%, #FFE4F0 50%, #FFD5B8 100%), #FFF;
    }
    .header__socials{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
    }
    .header__bottom{
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: auto;
        order: 2;
    }
    .header__tel{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background-color: #fff !important;
    }
    .header__selects{
        justify-content: end;
    }
    .header__menu{
        order: 1;
    }
    .header__menu ul{
        flex-direction: column;
        gap: 12px;
    }
    .header__menu ul li{
        width: 100%;
    }
    .header__menu ul li a {
        text-align: left;
        letter-spacing: normal;
        padding: 8px 24px;
        min-height: 37px;
        background: #fff;
        border-radius: 50px;
        width: 100%;
        font-size: 14.4px;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
    }
    .header__burger{
        display: flex;
        transition: none;
    }
    .header__end{
        gap: 18px;
    }
    .header.header-menu-show{
        height: 100vh;
        height: 100dvh;
    }
    .header.header-menu-show .header__content{
        opacity: 1;
        pointer-events: all;
        z-index: 1;
    }
    .header.header-menu-show .header__content-inner{
        transform: translateX(0%);
    }
    .header.header-menu-show .header__burger{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M20.3849 20.3848C19.6038 21.1658 18.3375 21.1658 17.5564 20.3848L0.585868 3.41421C-0.19518 2.63317 -0.195181 1.36683 0.585867 0.585786C1.36692 -0.195262 2.63325 -0.195262 3.41429 0.585786L20.3849 17.5563C21.1659 18.3374 21.1659 19.6037 20.3849 20.3848Z' fill='%238A5060'/%3E%3Cpath d='M0.585786 20.3851C-0.195262 19.604 -0.195262 18.3377 0.585786 17.5567L17.5563 0.586087C18.3374 -0.194961 19.6037 -0.194962 20.3848 0.586087C21.1658 1.36714 21.1658 2.63347 20.3848 3.41451L3.41421 20.3851C2.63317 21.1661 1.36683 21.1661 0.585786 20.3851Z' fill='%238A5060'/%3E%3C/svg%3E");
    }
    .header__menu ul li a:hover::after{
        content: none;
    }
}
@media (max-width: 768px) {
    .header .container{
        padding: 0 10px;
    }
}
@media (max-width: 600px) {
    .header__content-inner{
        max-width: 100%;
    }
}
/* footer */
.footer{
    border-top: 1px solid rgba(225, 100, 150, 0.15);
    background: #FFF;
}
.footer .container{
    max-width: 100%;
}
.footer__inner{
    padding: 24px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.footer__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 98px;
}
.footer__logo img{
    width: 1005;
}
.footer__copy{
    font-size: 12px;
    line-height: normal;
}
/* Посилання на інформаційні сторінки (privacy-policy тощо). */
.footer__pages{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 24px;
}
.footer__pages-link{
    color: #8A5060;
    font-size: 13px;
    line-height: normal;
    transition: color 0.2s ease;
}
.footer__pages-link:hover{
    color: #E11D48;
}
/* Реквізити ФОП — окремий рядок під лого/копірайтом. */
.footer__legal{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 20px;
    padding: 16px 0;
    border-top: 1px solid rgba(225, 100, 150, 0.15);
    font-size: 12px;
    line-height: 1.5;
    color: #8A5060;
}
.footer__legal-name{
    font-weight: 600;
    color: #1A0505;
}
.footer__legal-link{
    color: #E11D48;
    transition: color 0.2s ease;
}
.footer__legal-link:hover{
    color: #F97316;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .footer .container{
        padding: 0 10px;
    }
    .footer__inner{
        flex-direction: column;
        gap: 16px;
    }
    .footer__pages{
        justify-content: center;
    }
}
@media (max-width: 480px) {

}
/* hero */
.hero {
    z-index: 1;
    height: calc(100vh - 60px);
    overflow: hidden;
    position: relative;
    min-height: max-content;
    display: flex;
    flex-direction: column;
}
.hero .container{
    max-width: 100%;
    padding: 0 45px;
    display: flex;
    margin-top: auto;
    flex-direction: column;
}
.hero__bg{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -3;
    position: absolute;
    inset: 0;
}
.hero__bg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hero__top{
    position: absolute;
    left: 32px;
    right: 32px;
    top: 27px;
    padding: 8px 17px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8A5060;
    font-size: 11.5px;
    line-height: 11px;
    letter-spacing: 1.728px;
    text-transform: uppercase;
    justify-content: center;
    border-radius: 32px;
    border: 1px solid rgba(225, 100, 150, 0.20);
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(4px);
    max-width: max-content;
}
.hero__top::before{
    content: '';
    border-radius: 50%;
    width: 6px;
    height: 6px;
    min-width: 6px;
    display: inline-block;
    background: linear-gradient(135deg, #E11D48 0%, #F97316 100%);
}
.hero::before{
    content: '';
    position: absolute;
    z-index: 0;
    width: 600px;
    height: 600px;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 180, 210, 0.35) 0%, rgba(255, 180, 210, 0.00) 65%);
    border-radius: 50%;
    top: -207px;
    right: -150px;
}
.hero::after{
    content: '';
    position: absolute;
    z-index: 0;
    width: 600px;
    height: 600px;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 180, 210, 0.35) 0%, rgba(255, 180, 210, 0.00) 65%);
    border-radius: 50%;
    bottom: -57px;
    left: 50%;
    transform: translateX(-50%);
}
.hero__inner{
    position: relative;
    z-index: 3;
    padding: 88px 0;
    height: auto;
}
.hero__start{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}
.floating-tel{
    display: flex;
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #FFF 0%, #FFDCEB 100%);
    filter: drop-shadow(0 5.846px 23.385px rgba(225, 29, 72, 0.20));
    width: 76px;
    height: 76px;
    min-width: 76px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform .2s ease;
}
.floating-tel:hover{
    transform: scale(1.05);
}
.floating-tel::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s ease;
    width: 24.846px;
    height: 26.308px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='27' viewBox='0 0 25 27' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.09785 0.411314L9.4999 5.08223C10.0454 5.66146 10.0458 6.56908 9.50076 7.14877L7.3728 9.41205C8.70895 13.497 11.6971 16.765 15.4841 18.3103L15.9082 18.4749L17.9252 16.3296C18.4918 15.727 19.4362 15.7009 20.0347 16.2713L24.4368 20.9422C24.9823 21.5215 24.9827 22.4291 24.4376 23.0088L23.343 24.1731C21.3436 26.2995 18.2989 26.8988 15.6247 25.6923C11.8446 23.9867 8.7944 21.9021 6.47409 19.4384C4.15378 16.9747 2.18959 13.735 0.581497 9.71936C-0.510628 6.99218 -0.036935 3.90063 1.77157 1.77632L2.00457 1.51592L2.98837 0.469557C3.55491 -0.133016 4.49936 -0.159092 5.09785 0.411314Z' fill='%238A5060'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.floating-tel::after{
    opacity: 0;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s ease;
    width: 24.846px;
    height: 26.308px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='27' viewBox='0 0 25 27' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.09785 0.411314L9.4999 5.08223C10.0454 5.66146 10.0458 6.56908 9.50076 7.14877C8.18883 8.54413 7.67863 10.5853 8.63456 12.245C10.2158 14.9902 12.6217 17.1423 15.4841 18.3103C15.7404 18.4098 16.0314 18.3438 16.2197 18.1435L17.9252 16.3296C18.4918 15.727 19.4362 15.7009 20.0347 16.2713L24.4368 20.9422C24.9823 21.5215 24.9827 22.4291 24.4376 23.0088L23.343 24.1731C21.3436 26.2995 18.2989 26.8988 15.6247 25.6923C11.8446 23.9867 8.7944 21.9021 6.47409 19.4384C4.15378 16.9747 2.18959 13.735 0.581497 9.71936C-0.510628 6.99218 -0.036935 3.90063 1.77157 1.77632L2.00457 1.51592L2.98837 0.469557C3.55491 -0.133016 4.49936 -0.159092 5.09785 0.411314Z' fill='url(%23paint0_linear_1_5005)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_5005' x1='5.2652' y1='-36.5922' x2='33.316' y2='-32.556' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E11D48'/%3E%3Cstop offset='1' stop-color='%23F97316'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.floating-tel:hover::after{
    opacity: 1;
}
.hero__name{
    color: #FFF;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 128px;
    font-weight: 700;
    line-height: 115.2px; /* 90% */
}
.hero__title{
    color: #FFF;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 64px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    position: relative;
    z-index: 1;
}
.hero__title::before{
    content: '';
    position: absolute;
    z-index: -1;
    top: -18px;
    left: -55px;
    bottom: -26px;
    right: -72px;
    border-radius: 250px;
    opacity: 0.8;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 160, 100, 0.20) 0%, rgba(255, 160, 100, 0.00) 65%);
}
.hero__start-content{
    position: relative;
    z-index: 1;
}
.hero__start-content::before{
    position: absolute;
    top: -34px;
    left: -145px;
    z-index: -1;
    content: '';
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 160, 100, 0.20) 0%, rgba(255, 160, 100, 0.00) 65%);
}
.hero__bottom{
    margin-top: 37px;
    display: flex;
    position: relative;
    z-index: 5;
    align-items: end;
    gap: 20px;
    justify-content: space-between;
}
.hero__down{
    border-radius: 32px;
    border: 1px solid rgba(225, 100, 150, 0.20);
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(4px);
    color: #8A5060;
    text-align: center;
    font-size: 11.5px;
    letter-spacing: 1.728px;
    width: 100%;
    max-width: 146px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.hero__btn{
    height: 43px;
    max-width: 288px;
}
.hero__scroll{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 44px;
    width: 100%;
    border: 1px solid rgba(225, 100, 150, 0.20);
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 10;
}
.hero__scroll-track{
    display: flex;
    width: max-content;
    flex-shrink: 0;
    animation: hero-scroll 30s linear infinite;
    will-change: transform;
}
.hero__scroll-inner{
    display: flex;
    align-items: center;
    gap: 50px;
    padding-right: 50px;
    flex-shrink: 0;
}
@keyframes hero-scroll{
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce){
    .hero__scroll-track{ animation: none; }
}
.hero__scroll-descr{
    text-wrap: nowrap;
    color: #8A5060;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 1.728px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hero__scroll-descr::before{
    content: '';
    border-radius: 50%;
    width: 6px;
    height: 6px;
    min-width: 6px;
    display: inline-block;
    background: linear-gradient(135deg, #E11D48 0%, #F97316 100%);
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .hero .container {
        padding: 0 10px;
    }
    .hero__top{
        top: 16px;
    }
    .hero {
        height: calc(100vh - 58px);
    }
    .hero__name {
        font-size: 64px;
        line-height: normal;
    }
    .hero__title {
        font-size: 32px;
    }
    .hero__btn {
        height: 30px;
        max-width: 186px;
        font-size: 9px;
    }
    .hero__bottom{
        align-items: center;
    }
    .hero__scroll-descr {
        font-size: 8px;
    }
    .hero__scroll-inner {
        gap: 25px;
        padding-right: 25px;
    }
    .hero__scroll{
        height: 24px;
    }
    .hero__inner{
        padding: 54px 0;
    }
}
@media (max-width: 480px) {

}
/* sliderblock */
.sliderblock{
    padding: 96px 0;
}
.sliderblock__descr {
    margin-top: 28px;
    max-width: 450px;
    font-size: 14.4px;
    line-height: 25.92px;
}
.sliderblock__scroll{
    margin-top: 53px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    line-height: normal;
}
.sliderblock__scroll::before{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.75 9H14.25M11.25 5.25L15 9L11.25 12.75' stroke='%238A5060' stroke-width='1.125' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    min-width: 18px;
}
.sliderblock__slider{
    margin-top: 16px;
    overflow: hidden;
}
.sliderblock__slide-inner{
    border: 1px solid transparent;
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(122deg, #FFF5F0 0%, #FCE4EF 60%, #FFD5B8 100%);
}
.sliderblock__slide{
    overflow: hidden;
    transition: all .2s ease;
    position: relative;
}
.sliderblock__slide:hover .sliderblock__slide-inner{
    border-color: #E11D48;
}
.sliderblock__slide-top{
    height: 197px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: #fff;
}
.sliderblock__slide-top video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sliderblock__slide-top img{
    max-width: 100%;
    width: auto;
    height: auto;
}
.sliderblock__slide-start{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sliderblock__slide-content{
    padding: 16px 20px 20px;
}
.sliderblock__slide-status {
    max-width: max-content;
    display: flex;
    align-items: center;
    border-radius: 16px;
    border: 1px solid rgba(225, 29, 72, 0.15);
    background: #FFF;
    padding: 4px 10px;
    color: #C2185B;
    font-size: 10.4px;
    letter-spacing: 1.56px;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 8px;
}
.sliderblock__slide-title{
    color: #1A0505;
    font-size: 15.2px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
}
.sliderblock__slide-descr{
    font-size: 12.8px;
    line-height: 20.48px; /* 160% */
}
.sliderblock-bg-2{
    background: #FFF5F0;
}
.bg-gradient{
    background: linear-gradient(122deg, #FFF5F0 0%, #FCE4EF 60%, #FFD5B8 100%);
}
.bg-gradient-2{
    background: linear-gradient(148deg, #FFF8FB 0%, #FFEAF5 50%, #FFF3E8 100%);
}
.sliderblock__slider-second .sliderblock__slide-inner{
    border: 1px solid rgba(225, 100, 150, 0.15);
    background: #FFF;
}
.sliderblock__slider-second .sliderblock__slide-inner:hover{
    border-color: #E16496;
}
.sliderblock__slide-name{
    font-size: 14.4px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
    background: linear-gradient(93deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sliderblock__slide-bottom{
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.sliderblock__slide-price{
    font-size: 15.2px;
    font-weight: 500;
    line-height: normal;
    background: linear-gradient(106deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sliderblock__slide-when{
    font-size: 11.2px;
    line-height: normal;
}
.sliderblock__slide-btn{
    padding: 7px 16px;
    font-size: 11.5px;
    line-height: normal;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px){
    .sliderblock__slider-bottom{
        display: none;
    }
    .sliderblock__slider .swiper-wrapper{
        flex-direction: column;
        gap: 32px;
        transform: none !important;
    }
    .sliderblock__slider .swiper-slide{
        width: 100% !important;
        margin: 0 !important;
    }
    .sliderblock__slide-btn {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        max-width: 100%;
        font-size: 12.8px;
        letter-spacing: 1.536px;
        height: 31px;
    }
    .sliderblock__slide{
        position: relative;
        padding-bottom: 39px;
    }
}
@media (max-width: 480px) {

}
/* about */
.about{
    padding: 96px 0;
}
.about__inner{
    display: flex;
    align-items: stretch;
    gap: 64px;
}
.about__image{
    width: 100%;
    max-width: 520px;
    display: flex;
    align-items: center;
    height: auto;
    overflow: hidden;
    border-radius: 30px;
}
.about__image img{
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.about__content{
    width: 100%;
    max-width: 500px;
}
.about__info{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 28px;
}
.about__block{
    margin-top: 68px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.about__item{
    border-radius: 16px;
    border: 1px solid rgba(225, 100, 150, 0.15);
    background: #FFF;
    backdrop-filter: blur(2px);
    padding: 15px 21px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.about__item-num {
    leading-trim: both;
    text-edge: cap;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 32px;
    line-height: normal;
    background: linear-gradient(101deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -15px;
}
.about__item-descr{
    font-size: 12.8px;
    line-height: normal;
}
@media (max-width: 1024px) {
    .about__inner{
        flex-direction: column;
    }
    .about__image{
        max-width: 100%;
        height: 435px;
    }
    .about__content {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .about{
        background: linear-gradient(166deg, #FFF 0%, #FFE4F0 50%, #FFD5B8 100%);
    }
    .about__block {
        margin-top: 40px;
        gap: 16px;
    }
}
@media (max-width: 480px) {

}
/* wedo */
.wedo{
    padding: 96px 0;
}
.wedo__top{
    display: flex;
    align-items: end;
    gap: 10px;
    justify-content: space-between;
}
.wedo__descr {
    max-width: 360px;
    text-align: right;
    font-size: 13.6px;
    line-height: 23.12px;
}
.wedo__block{
    margin-top: 53px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}
.wedo__item{
    padding: 30px 28px;
    border-radius: 20px;
    border: 1px solid rgba(225, 100, 150, 0.15);
    background-color: #fff;
    display: flex;
    flex-direction: column;
}
.wedo__item-icon{
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-bottom: 17px;
}
.wedo__item-icon *{
    width: 100%;
    height: auto;
}
.wedo__item-title{
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    background: linear-gradient(94deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 21px;
}
.wedo__item-descr{
    font-size: 12.8px;
    font-weight: 400;
    line-height: 21.76px; /* 170% */
    margin-bottom: 20px;
}
.wedo__item-price{
    font-size: 13.6px;
    font-weight: 500;
    line-height: normal;
    margin-top: auto;
    background: linear-gradient(93deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wedo__btn{
    margin: 24px auto 0;
    max-width: calc(100% / 3 - 13px);
    height: 31px;
    font-size: 12.8px;
    letter-spacing: 1.536px;
}
@media (max-width: 1024px) {
    .wedo__block{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .wedo__top{
        flex-direction: column;
        gap: 27px;
    }
    .wedo__left{
        width: 100%;
    }
    .wedo__descr{
        text-align: left;
    }
    .wedo__block{
        grid-template-columns: 1fr;
    }
    .wedo__btn {
        max-width: 100%;
    }
}
@media (max-width: 480px) {

}
/* ourmusic */
.ourmusic{
    padding: 96px 0;
}
.ourmusic__descr{
    font-size: 14.4px;
    line-height: 25.92px; /* 180% */
    max-width: 433px;
    margin-top: 28px;
}
.ourmusic__block{
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ourmusic__item{
    padding: 15px 15px 15px 60px;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    border-radius: 16px;
    border: 1px solid rgba(225, 100, 150, 0.15);
    background: #FFF;
}
.ourmusic__item-num{
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(225, 29, 72, 0.25);
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}
.ourmusic__item-name{
    font-size: 14.4px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 2px;
    background: linear-gradient(92deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ourmusic__item-descr{
    font-size: 11.7px;
    line-height: normal;
}
.ourmusic__item-end{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 22px;
}
.ourmusic__item-time{
    text-align: right;
    font-size: 11.4px;
    min-width: 85px;
    line-height: normal;
}
.ourmusic__item-line{
    border-radius: 10px;
    background: rgba(225, 100, 150, 0.15);
    width: 272px;
    height: 2px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.ourmusic__item-line::before{
    content: '';
    position: absolute;
    inset: -14px 0;
}
.ourmusic__item-line span{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    border-radius: 2px;
    background: linear-gradient(94deg, #E11D48 0%, #F97316 100%);
    height: 3px;
    width: 10%;
}
.ourmusic__item-panel{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect width='40' height='40' rx='20' fill='url(%23paint0_linear_1_338)'/%3E%3Cmask id='path-2-inside-1_1_338' fill='white'%3E%3Cpath d='M14.5 13H27.5V27H14.5V13Z'/%3E%3C/mask%3E%3Cg clip-path='url(%23paint1_diamond_1_338_clip_path)' data-figma-skip-parse='true' mask='url(%23path-2-inside-1_1_338)'%3E%3Cg transform='matrix(0.013 0 0 0.007 14.5 20)'%3E%3Crect x='0' y='0' width='1076.92' height='1142.86' fill='url(%23paint1_diamond_1_338)' opacity='1' shape-rendering='crispEdges'/%3E%3Crect x='0' y='0' width='1076.92' height='1142.86' transform='scale(1 -1)' fill='url(%23paint1_diamond_1_338)' opacity='1' shape-rendering='crispEdges'/%3E%3Crect x='0' y='0' width='1076.92' height='1142.86' transform='scale(-1 1)' fill='url(%23paint1_diamond_1_338)' opacity='1' shape-rendering='crispEdges'/%3E%3Crect x='0' y='0' width='1076.92' height='1142.86' transform='scale(-1)' fill='url(%23paint1_diamond_1_338)' opacity='1' shape-rendering='crispEdges'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M14.5 13V6H1.5V13H14.5ZM14.5 27H1.5V34H14.5V27ZM14.5 13V20H27.5V13V6H14.5V13ZM27.5 27V20H14.5V27V34H27.5V27ZM14.5 27H27.5V13H14.5H1.5V27H14.5Z' data-figma-gradient-fill='%7B"type":"GRADIENT_DIAMOND","stops":%5B%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":1.0%7D,"position":0.99999988079071045%7D,%7B"color":%7B"r":0.0,"g":0.0,"b":0.0,"a":0.0%7D,"position":1.0%7D%5D,"stopsVar":%5B%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":1.0%7D,"position":0.99999988079071045%7D,%7B"color":%7B"r":0.0,"g":0.0,"b":0.0,"a":0.0%7D,"position":1.0%7D%5D,"transform":%7B"m00":26.0,"m01":0.0,"m02":1.50,"m10":0.0,"m11":14.0,"m12":13.0%7D,"opacity":1.0,"blendMode":"NORMAL","visible":true%7D' mask='url(%23path-2-inside-1_1_338)'/%3E%3Cdefs%3E%3CclipPath id='paint1_diamond_1_338_clip_path'%3E%3Cpath d='M14.5 13V6H1.5V13H14.5ZM14.5 27H1.5V34H14.5V27ZM14.5 13V20H27.5V13V6H14.5V13ZM27.5 27V20H14.5V27V34H27.5V27ZM14.5 27H27.5V13H14.5H1.5V27H14.5Z' mask='url(%23path-2-inside-1_1_338)'/%3E%3C/clipPath%3E%3ClinearGradient id='paint0_linear_1_338' x1='0' y1='0' x2='40' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E11D48'/%3E%3Cstop offset='1' stop-color='%23F97316'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_diamond_1_338' x1='0' y1='0' x2='500' y2='500' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='white'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    min-width: 40px;
    transition: none;
}
.ourmusic__item-panel:hover{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect width='40' height='40' rx='20' fill='%23E11D48'/%3E%3Cmask id='path-2-inside-1_1_338' fill='white'%3E%3Cpath d='M14.5 13H27.5V27H14.5V13Z'/%3E%3C/mask%3E%3Cg clip-path='url(%23paint0_diamond_1_338_clip_path)' data-figma-skip-parse='true' mask='url(%23path-2-inside-1_1_338)'%3E%3Cg transform='matrix(0.013 0 0 0.007 14.5 20)'%3E%3Crect x='0' y='0' width='1076.92' height='1142.86' fill='url(%23paint0_diamond_1_338)' opacity='1' shape-rendering='crispEdges'/%3E%3Crect x='0' y='0' width='1076.92' height='1142.86' transform='scale(1 -1)' fill='url(%23paint0_diamond_1_338)' opacity='1' shape-rendering='crispEdges'/%3E%3Crect x='0' y='0' width='1076.92' height='1142.86' transform='scale(-1 1)' fill='url(%23paint0_diamond_1_338)' opacity='1' shape-rendering='crispEdges'/%3E%3Crect x='0' y='0' width='1076.92' height='1142.86' transform='scale(-1)' fill='url(%23paint0_diamond_1_338)' opacity='1' shape-rendering='crispEdges'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M14.5 13V6H1.5V13H14.5ZM14.5 27H1.5V34H14.5V27ZM14.5 13V20H27.5V13V6H14.5V13ZM27.5 27V20H14.5V27V34H27.5V27ZM14.5 27H27.5V13H14.5H1.5V27H14.5Z' data-figma-gradient-fill='%7B"type":"GRADIENT_DIAMOND","stops":%5B%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":1.0%7D,"position":0.99999988079071045%7D,%7B"color":%7B"r":0.0,"g":0.0,"b":0.0,"a":0.0%7D,"position":1.0%7D%5D,"stopsVar":%5B%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":1.0%7D,"position":0.99999988079071045%7D,%7B"color":%7B"r":0.0,"g":0.0,"b":0.0,"a":0.0%7D,"position":1.0%7D%5D,"transform":%7B"m00":26.0,"m01":0.0,"m02":1.50,"m10":0.0,"m11":14.0,"m12":13.0%7D,"opacity":1.0,"blendMode":"NORMAL","visible":true%7D' mask='url(%23path-2-inside-1_1_338)'/%3E%3Cdefs%3E%3CclipPath id='paint0_diamond_1_338_clip_path'%3E%3Cpath d='M14.5 13V6H1.5V13H14.5ZM14.5 27H1.5V34H14.5V27ZM14.5 13V20H27.5V13V6H14.5V13ZM27.5 27V20H14.5V27V34H27.5V27ZM14.5 27H27.5V13H14.5H1.5V27H14.5Z' mask='url(%23path-2-inside-1_1_338)'/%3E%3C/clipPath%3E%3ClinearGradient id='paint0_diamond_1_338' x1='0' y1='0' x2='500' y2='500' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='white'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.ourmusic__item.playing .ourmusic__item-panel{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='url(%23paint0_linear_7_340)'/%3E%3Crect x='14' y='12.6396' width='4' height='14' fill='white'/%3E%3Crect x='22' y='12.6396' width='4' height='14' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7_340' x1='0' y1='0' x2='40' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E11D48'/%3E%3Cstop offset='1' stop-color='%23F97316'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.ourmusic__item.playing .ourmusic__item-panel:hover{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z' fill='%23E11D48'/%3E%3Crect x='14' y='12.6398' width='4' height='14' fill='white'/%3E%3Crect x='22' y='12.6398' width='4' height='14' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .ourmusic__item{
        padding: 15px 21px;
        gap: 0;
        display: grid;
        grid-template-columns: 15px 40px 1fr;
        gap: 2px 5px;
    }
    .ourmusic__item-info{
        margin-left: 11px;
    }
    .ourmusic__item-num {
        padding-right: 5px;
        position: initial;
        transform: none;
    }
    .ourmusic__item-end{
        grid-column: span 3;
        align-items: end;
        width: 100%;
        flex-direction: column-reverse;
        gap: 10px;
    }
    .ourmusic__item-line{
        width: 100%;
    }
}
@media (max-width: 480px) {

}
/* reviews */
.reviews{
    padding: 96px 0;
}
.reviews__slider{
    margin-top: 45px;
    overflow: visible;
}
.reviews__slide{
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
    padding: 28px;
    border-radius: 20px;
    border: 1px solid rgba(225, 100, 150, 0.15);
    background: linear-gradient(142deg, #FFF 0%, #FFF0F8 60%, #FFF3EC 100%);
    position: relative;
    z-index: 1;
}
.reviews__slide-top{
    display: flex;
    align-items: start;
    gap: 20px;
    justify-content: space-between;
}
.reviews__slide-date{
    color: #8A5060;
    font-size: 14.1px;
    line-height: 25.34px; /* 179.716% */
}
.reviews__slide-message{
    padding-top: 44px;
    margin-bottom: 28px;
    position: relative;
}
.reviews__slide-message::before{
    content: '"';
    position: absolute;
    top: 9px;
    left: 0;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 50% */
    background: linear-gradient(94deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.reviews__slide-stars{
    display: flex;
    align-items: center;
}
.reviews__slide-stars span{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 0L10.29 4.84807L15.6085 5.52786L11.7053 9.20393L12.7023 14.4721L8 11.896L3.29772 14.4721L4.29468 9.20393L0.391548 5.52786L5.70999 4.84807L8 0Z' fill='%23DDDDDD'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: inline-block;
}
.reviews__slide-stars span.half{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 0L10.29 4.84807L15.6085 5.52786L11.7053 9.20393L12.7023 14.4721L8 11.896L3.29772 14.4721L4.29468 9.20393L0.391548 5.52786L5.70999 4.84807L8 0Z' fill='%23DDDDDD'/%3E%3Cmask id='mask0_1_377' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='15'%3E%3Cpath d='M8 0L10.29 4.84807L15.6085 5.52786L11.7053 9.20393L12.7023 14.4721L8 11.896L3.29772 14.4721L4.29468 9.20393L0.391548 5.52786L5.70999 4.84807L8 0Z' fill='%23F6A800'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_377)'%3E%3Crect x='0.400391' y='-0.03125' width='7.59863' height='14.8599' fill='url(%23paint0_linear_1_377)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_377' x1='2.17672' y1='-53.5385' x2='10.2598' y2='-53.2701' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E11D48'/%3E%3Cstop offset='1' stop-color='%23F97316'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.reviews__slide-stars span.full{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 0L10.29 4.84807L15.6085 5.52786L11.7053 9.20393L12.7023 14.4721L8 11.896L3.29772 14.4721L4.29468 9.20393L0.391548 5.52786L5.70999 4.84807L8 0Z' fill='url(%23paint0_linear_1_375)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_375' x1='3.74031' y1='-57.6126' x2='20.7075' y2='-56.5111' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E11D48'/%3E%3Cstop offset='1' stop-color='%23F97316'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.reviews__slide-bottom{
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}
.reviews__slide-image{
    display: flex;
    align-items: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    overflow: hidden;
}
.reviews__slide-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.reviews__slide-name{
    color: #1A0505;
    font-size: 13.6px;
    font-weight: 500;
    line-height: normal;
}
.reviews__slide-city{
    font-size: 12px;
    line-height: normal;
}
.reviews__slide{
    overflow: hidden;
}
.reviews__slide::after{
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0;
    transition: all .2s ease;
    background: linear-gradient(142deg, #FFF0F8 0%, #FFE8D8 50%, #FFF5F0 100%);
}
.reviews__slide:hover::after{
    opacity: 1;
}
.reviews__slide:hover{
    border: 1px solid rgba(225, 29, 72, 0.20);
}
.reviews__slide:not(:hover){
    transform: scale(0.99);
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {

}
@media (max-width: 480px) {

}
/* feedback */
.feedback{
    padding: 96px 0;
}
.feedback__content{
    margin-top: 48px;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.feedback__box{
    width: 100%;
    max-width: 518px;
}
.feedback__form{
    width: 100%;
    max-width: 518px;
}
.feedback__descr {
    font-size: 14.4px;
    line-height: 25.92px;
}
.feedback__block{
    margin-top: 36px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}
.feedback__item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 21px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 14px;
    border: 1px solid rgba(225, 100, 150, 0.15);
    background: linear-gradient(101deg, #FFF 0%, #FFF0F8 60%, #FFF3EC 100%);
}
.feedback__item::before{
    content: '';
    opacity: 0;
    transition: all .2s ease;
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: #fff;
}
.feedback__item-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255, 220, 235, 0.80) 0%, rgba(255, 210, 180, 0.60) 100%);
    width: 40px;
    height: 40px;
    min-width: 40px;
}
.feedback__item-descr{
    color: #1A0505;
    font-size: 14.4px;
    line-height: normal;
}
.feedback__item:hover::before{
    opacity: 1;
}
.feedback__form{
    padding: 33px;
    height: max-content;
    border-radius: 24px;
    border: 1px solid rgba(225, 100, 150, 0.15);
    background: #FFF;
    backdrop-filter: blur(4px);
}
.feedback__form-name{
    color: #1A0505;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 20.8px;
    font-weight: 700;
    line-height: normal;
}
.feedback__form-block{
    margin-top: 24px;
    display: grid;
    gap: 20px;
}
.form-btn {
    max-width: 100%;
    height: 47px;
    letter-spacing: 1.92px;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .feedback__item{
        gap: 16px;
    }
    .feedback__content {
        margin-top: 37px;
        gap: 84px;
        flex-direction: column;
    }
}
@media (max-width: 480px) {

}
/* popup */
.popupvideo,
.howstart,
.userauth,
.popupaccept,
.popup{
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.60);
    backdrop-filter: blur(20px);
    opacity: 0;
    transition: all .2s ease;
    pointer-events: none;
    overflow: auto;
}
.popupvideo.active,
.howstart.active,
.userauth.active,
.popup.active,
.popupaccept.active{
    opacity: 1;
    pointer-events: all;
}
.userauth__inner,
.popup__inner{
    margin: 5% auto 2%;
    width: 100%;
    max-width: 510px;
    border-radius: 24px;
    background: #FFF;
    padding: 32px;
    position: relative;
}
.howstart__title,
.userauth__title,
.popup__title{
    color: #1A0505;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 20.8px;
    font-weight: 700;
    line-height: normal;
    padding-right: 40px;
}
.userauth__close,
.popup__close{
    position: absolute;
    top: 32px;
    z-index: 10;
    right: 32px;
}
.popup__form{
    margin-top: 24px;
}
/* .popup__form .form-label{
    color: #8A5060;
    background: none;
    background-clip: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
} */
.popup__form .form-block:nth-of-type(2){
    margin-top: 16px;
}
.popup__form .form-block:nth-of-type(3){
    margin-top: 24px;
}
.form-info{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
    margin-top: 24px;
}
.header__tel,
.form-info-tel{
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #FFD5B8;
    justify-content: center;
    font-size: 14.4px;
    line-height: normal;
}
.header__tel::before,
.form-info-tel::before{
    content: '';
    display: inline-block;
    width: 17px;
    height: 18px;
    min-width: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.48801 0.281426L6.49993 3.47732C6.87318 3.87363 6.87344 4.49463 6.50052 4.89127L5.04455 6.43982C5.95876 9.2348 8.00325 11.4708 10.5944 12.5281L10.8845 12.6407L12.2646 11.1729C12.6523 10.7606 13.2985 10.7427 13.708 11.133L16.7199 14.3289C17.0931 14.7252 17.0934 15.3462 16.7205 15.7428L15.9715 16.5395C14.6035 17.9944 12.5203 18.4045 10.6906 17.5789C8.1042 16.412 6.01722 14.9857 4.42964 13.3C2.84206 11.6143 1.49814 9.39765 0.397867 6.65009C-0.349377 4.78412 -0.0252713 2.66885 1.21213 1.21538L1.37155 1.03721L2.04467 0.321276C2.43231 -0.0910112 3.07851 -0.108853 3.48801 0.281426Z' fill='%238A5060'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.header__tel:hover::before,
.form-info-tel:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.48801 0.281426L6.49993 3.47732C6.87318 3.87363 6.87344 4.49463 6.50052 4.89127C5.60288 5.84598 5.2538 7.2426 5.90786 8.37814C6.98973 10.2564 8.63592 11.729 10.5944 12.5281C10.7698 12.5962 10.9689 12.551 11.0977 12.414L12.2646 11.1729C12.6523 10.7606 13.2985 10.7427 13.708 11.133L16.7199 14.3289C17.0931 14.7252 17.0934 15.3462 16.7205 15.7428L15.9715 16.5395C14.6035 17.9944 12.5203 18.4045 10.6906 17.5789C8.1042 16.412 6.01722 14.9857 4.42964 13.3C2.84206 11.6143 1.49814 9.39765 0.397867 6.65009C-0.349377 4.78412 -0.0252713 2.66885 1.21213 1.21538L1.37155 1.03721L2.04467 0.321276C2.43231 -0.0910112 3.07851 -0.108853 3.48801 0.281426Z' fill='url(%23paint0_linear_1_5138)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_5138' x1='3.80808' y1='-38.7766' x2='22.3965' y2='-36.9511' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E11D48'/%3E%3Cstop offset='1' stop-color='%23F97316'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.header__tel:hover span,
.form-info-tel:hover span{
    background: linear-gradient(96deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.form-info-socials{
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 7px;
}
.header__socials-link,
.form-info-socials-link{
    border-radius: 10px;
    border: 1px solid rgba(225, 100, 150, 0.20);
    background: rgba(255, 243, 236, 0.70);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 4px;
    padding: 7px 12px;
}
.header__socials-link span,
.form-info-socials-link span{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14.4px;
    line-height: normal;
}
.header__socials-link:not(:hover) img:nth-of-type(2),
.form-info-socials-link:not(:hover) img:nth-of-type(2){
    display: none;
}
.header__socials-link:hover img:first-of-type,
.form-info-socials-link:hover img:first-of-type{
    display: none;
}
.header__socials-link:hover span,
.form-info-socials-link:hover span{
    background: linear-gradient(96deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.popup-send{
    margin-top: 32px;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .form-info{
        grid-template-columns: 1fr;
        margin-top: 10px;
    }
    .form-info-socials {
        grid-column: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
    }
    .popup__inner{
        padding: 20px;
    }
    .popup-send {
        margin-top: 24px;
        font-size: 12.8px;
    }
    .userauth__close, .popup__close{
        top: 20px;
        right: 20px;
    }
}
@media (max-width: 480px) {

}
/* popupaccept */
.popupaccept__inner{
    margin: 10% auto 2%;
    width: 100%;
    max-width: 675px;
    border-radius: 24px;
    background: linear-gradient(122deg, #FFF5F0 0%, #FCE4EF 60%, #FFD5B8 100%);
    padding: 48px;
    position: relative;
}
.popupaccept__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 98px;
    margin: 0 auto;
}
.popupaccept__logo img{
    width: 100%;
}
.popupaccept__title{
    margin-top: 24px;
    text-align: center;
    color: #F25827;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 52.8px; /* 110% */
}
.popupaccept__descr{
    text-align: center;
    margin-top: 16px;
    color: #1A0505;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 20.8px;
    font-weight: 700;
    line-height: normal;
}
.popupaccept__close{
    position: absolute;
    z-index: 10;
    top: 19px;
    right: 19px;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .popupaccept__inner{
        margin: 40% auto 2%;
        padding: 20px;
    }
    .popupaccept__title {
        font-size: 32px;
        line-height: 35.2px;
    }
    .popupaccept__descr{
        margin-top: 12px;
        font-size: 15px;
    }
}
@media (max-width: 480px) {

}
/* userauth */
.userauth__name{
    border-radius: 16px;
    border: 1px solid rgba(225, 29, 72, 0.15);
    background: #FFF;
    padding: 4px 9px;
    max-width: max-content;
    margin-right: 40px;
    color: #C2185B;
    font-size: 10.4px;
    line-height: normal;
    letter-spacing: 1.56px;
    text-transform: uppercase;
}
.userauth__title{
    margin-top: 24px;
}
.userauth__select{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 24px;
}
.userauth__select-btn{
    color: #8A5060;
    max-width: 100%;
    text-transform: none;
    letter-spacing: normal;
    font-size: 14.4px;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid rgba(138, 80, 96, 0.20);
    padding: 12px;
}
.userauth__select-btn.active{
    border-bottom: 1px solid #8A5060;
    background: linear-gradient(96deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.userauth__result{
    margin-top: 24px;
}
.userauth__descr{
    font-size: 12.8px;
    line-height: 20.48px; /* 160% */
}
.userauth__form{
    margin-top: 24px;
}
/* .userauth__form .form-label{
    color: #8A5060;
    background: none;
    background-clip: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
} */
.userauth__form .form-btn{
    margin-top: 24px;
}
.userauth__alter,
.userauth__or{
    margin-top: 12px;
    text-align: center;
    font-size: 12.8px;
    line-height: 20.48px; /* 160% */
}
.userauth__end{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 12px;
    gap: 12px;
}
.userauth__pay{
    font-family: 'Inter', sans-serif;
    text-transform: none;
    letter-spacing: normal;
    font-size: 12.8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: linear-gradient(96deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    gap: 4px;
}
.userauth__alter{
    margin: 0;
}
.userauth__pay::after{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8' viewBox='0 0 6 8' fill='none'%3E%3Cpath d='M0.75 7.15015L4.75 3.95015L0.75 0.750147' stroke='%23F97316' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 7px;
    height: 12px;
    min-width: 7px;
}
.userauth__content:not(.active){
    display: none;
}
.userauth__price{
    leading-trim: both;
    text-edge: cap;
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    background: linear-gradient(101deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.userauth__price + .userauth__descr{
    font-size: 11.2px;
    line-height: normal;
}
.userauth__form .form-block:nth-of-type(2){
    margin-top: 16px;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .userauth__inner, .popup__inner{
        margin: 10% auto 4%;
    }
}
@media (max-width: 480px) {

}
/* howstart */
.howstart__inner{
    margin: 5% auto 2%;
}
.howstart__top{
    border-radius: 8px;
    padding: 16px 32px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    background: #FFF;
}
.howstart__bottom{
    margin-top: 8px;
    border-radius: 8px;
    background: #FFF;
    padding: 16px 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.howstart__steps:not(.active){
    display: none;
}
.howstart__step span{
    width: 6px;
    display: inline-block;
    height: 6px;
    min-width: 6px;
    border-radius: 32px;
    background: rgba(225, 100, 150, 0.25);
}
.howstart__step span.active{
    border-radius: 3px;
    background: linear-gradient(107deg, #E11D48 0%, #F97316 100%);
    width: 20px;
    min-width: 20px;
}
.howstart__end{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 20px;
    align-items: center;
}
.howstart__end--single{
    display: flex;
    justify-content: center;
}
.howstart__back{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #8A5060;
    font-size: 14px;
    font-weight: 500;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    justify-self: start;
    transition: opacity .2s ease;
}
.howstart__back:hover{
    opacity: .7;
}
.howstart__back.is-hidden{
    visibility: hidden;
    pointer-events: none;
}
.howstart__btn{
    padding: 8px 24px;
    gap: 6px;
    justify-self: end;
}
.howstart__step {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.howstart__step-title{
    font-size: 11.5px;
    line-height: normal;
    letter-spacing: 2.304px;
    text-transform: uppercase;
    background: linear-gradient(91deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.howstart__step-content{
    margin-top: 12px;
    font-size: 12.8px;
    line-height: normal;
}
.howstart__step-content > ol{list-style: decimal;}
.howstart__step-content > ul{list-style: disc;}
.howstart__step-content > ul,
.howstart__step-content > ol{
    padding-left: 20px;
    display: block;
}
.howstart__step-video{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    background-color: #1A0505;
    margin-top: 24px;
}
.howstart__step-video *{
    width: 100%;
}
.howstart__step-video.playing .howstart__step-start{
    display: none;
}
.howstart__step-start{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.howstart__step-additional{
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.howstart__step-additional li a{
    display: flex;
    align-items: center;
    max-width: max-content;
    font-size: 15.2px;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: #8A5060;
    background: linear-gradient(106deg, #E11D48 0%, #F97316 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #8A5060;
    transition: -webkit-text-fill-color .2s ease, color .2s ease;
}
.howstart__step-additional li a:hover{
    color: transparent;
    -webkit-text-fill-color: transparent;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .howstart__top {
        padding: 16px 24px;
        align-items: start;
    }
    .howstart__bottom {
        padding: 16px 24px;
        flex: 1;
        min-height: 0;
        overflow: hidden;
    }
    .howstart__inner {
        margin: 20% auto 5%;
        max-height: 80vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    .howstart__content {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
    .howstart__step-content {
        overflow-wrap: break-word;
        word-break: break-word;
    }
}
@media (max-width: 480px) {

}
/* popupvideo */
.popupvideo__close{
    position: absolute;
    top: 32px;
    right: 32px;
}
.popupvideo__inner{
    width: 100%;
    max-width: 800px;
    margin: 10% auto 3%;
}
.popupvideo__video{
    display: flex;
    align-items: center;
    width: 100%;
}
.popupvideo__video *{
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 8px;
    border: 0;
    display: block;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {

}
@media (max-width: 480px) {

}


#payment-success-popup .form-btn{
    margin-top: 16px;
}
.userauth__access-list{
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}