@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
 }
body {
    background-color: #0B0B10;     
}

.block {
    max-width: 100%;
    display: flex;
    margin: auto;
    justify-content: center;
    gap: 100px ;
    
}


.block_center {
    width: 1050px;
    background-color: #2F1134;
}

 
.block_left {
    display: block;
    margin-top: 50px;
    margin-top: 50px;
}

.block_left a {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #9C9C9C;
    text-decoration: none;
    transition: 0.3s ease;
    margin-bottom: 20px;
}

.block_left a svg path {
    transition: 0.3s ease;
}

.block_left a:hover {
    color: #fff;
    transform: translateX(5px);
}

.block_left a:hover svg path {
    fill: #fff;
}

.block_right {
    width: 350px;
    height: 250px;
    border: 1px solid #FF6AA5;
    border-radius: 15px;
    margin-top: 50px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.block_right_img {
    width: 123px;
    height: 123px;
    border-radius: 50%;
    border: 2px solid #FF6AA5;
    position: relative;
    overflow: hidden;
    margin: auto;
    margin-bottom: 20px;
}

.block_right_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}


.block_right_btn {
    width: 236px;
    height: 40px;
    background-color: #FF6AA5;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 100px;
    cursor: pointer;
    border: 0px;
}
 

.block_slider {
    width: 100%;
    height: 350px;
    padding: 0 36px;
}

.block_slider_name {
    display: flex;
    gap: 10px;
    align-items: center;
}

.block_slider_name p {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
}
.block_slider_inner {
    width: 24px;
    height: 24px;
    background-color: #FF4D8D;
    border-radius: 100%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
}

.block_slider_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

.block_slider_inside {
    text-align: center;
}

.block_slider_inside h1 {
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
}

.block_slider_inside p {
    text-align: center;
    color: #929191;
    font-size: 16px;
    font-weight: 600;
    margin-top: 6px;
    margin-bottom: 10px;
}

.block_slider_inside button {
    width: 235px;
    height: 40px;
    background-color: #FF6AA5;
    border-radius: 50%;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
}

.block_slider_circle {
    text-align: center;
    justify-content: center;
    display: flex;
    margin-top: 70px;
}

.block_slider_circle_inside {
    display: flex;
    gap: 10px;
}

.block_slider_circle_inside_item {
    width: 10px;
    height: 10px;
    background-color: #525252;
    border-radius: 50%;
}

.block_slider_circle_inside_item.active {
    background-color: #FFFFFF;
}


.block_image {
    background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(/public/img/2.jpg);
    background-position: center;
    background-size: cover;
}


.block_image {
    background-size: cover;
    background-position: center;
    transition: background-image 0.5s ease;
}

.block_slider_inside h1,
.block_slider_inside p {
    transition: opacity 0.3s ease;
}

.fade {
    opacity: 0;
}

.block_center_ava_content {
    margin-top: -70px;
    margin-bottom: 50px;
    width: 100%;
}

.block_center_ava_inner {
    padding: 0 50px;
    position: relative;
}

.block_center_ava_img {
    width: 123px;
    height: 123px;
    border-radius: 50%;
    border: 5px solid #FF6AA5;
    position: relative;
    overflow: hidden;
}

.block_center_ava_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.block_center_ava_info h1 {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    margin-top: 25px;
}

.block_center_ava_info p {
    color: #929191;
    font-size: 16px;
    font-weight: 600;
    margin-top: 6px;
}

.block_back {
    width: 100%;
    height: 20px ;
    background-color: #17071A;
}

.block_center_plan {
    width: 100%;
    background-color: #2F1134;
    padding: 0 50px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.block_center_plan p {
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
}

.block_center_inside {
    width: 100%;
    background-color: #200C23;
}
.center_inside_base {
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
}

.center_inside_base_inner {
    width: 280px;
    border-radius: 15px;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.center_inside_base_inner.free {
    border: 1px solid #FF6AA5;
}

.center_inside_base_inner h1 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
}

.center_inside_base_inner.free p {
    color: #929191;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.center_inside_base_inner.free button {
    width: 100%;
    height: 40px;
    background-color: #2F1134;
    border-radius: 30px;
    color: #FFFFFF;
    cursor: pointer;
    border: 0px;
    font-size: 16px;
}

.center_inside_base_inner.private {
    border: 1px solid #FF6AA5;
    -webkit-box-shadow: 0px 0px 26px -2px rgba(255,106,165,0.37); 
    box-shadow: 0px 0px 26px -2px rgba(255,106,165,0.37);
}

 

.center_inside_base_inner.private p {
    color: #929191;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.center_inside_base_inner.private span {
    color: #FF2099;
}

.center_inside_base_inner.private button {
    width: 200px;
    height: 40px;
    background-color: #FF2099;
    border-radius: 30px;
    color: #FFFFFF;
    cursor: pointer;
    border: 0px;
    font-size: 16px;
}

.block_inside_center_exp_flex {
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.block_inside_center_exp {
    width: 447px;
    border-radius: 15px;
    border: 1px solid #FF2099;
    padding: 0 22px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 50px;
}

.block_inside_center_exp_first {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block_inside_center_exp_first p {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
}


.block_inside_center_exp_first span {
    color: #929191;
    font-size: 14px;
    font-weight: 600;
}

.block_inside_center_exp_title {
    color: #929191;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.block_inside_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block_inside_flex_inner {
    display: flex;
    gap: 10px;
}

.block_inside_flex_inner_img {
    width: 55px;
    height: 55px;
    border: 1px solid #FF6AA5;
    overflow: hidden;
    border-radius: 50%;
}

.block_inside_flex_inner_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.block_inside_flex_inner_content h1 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;

}

.block_inside_flex_inner_content p {
    color: #929191;
    font-size: 14px;
    font-weight: 600;
}

.block_inside_flex_inner button {
    width: 167px;
    height: 40px;
    background-color: #FF2099;
    border-radius: 50px;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
}

footer {
    text-align: center;
    padding: 20px 0;
    background-color: #17071A;
    color: #9C9C9C;
}

 
@media (max-width: 1800px) {
    .block {
        gap: 50px;
    }
}

 
@media (max-width: 1700px) {
    .block_left {
        display: none;
    }
     .block_right {
        display: none;
    }

}

@media (max-width: 1150px) {
    .block_center {
        width: 100%;
    }
    .block_inside_center_exp {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .center_inside_base_inner {
        width: 100%;
    }
    .center_inside_base {
        flex-wrap: wrap;
        margin-bottom: 0px;
        padding: 0 20px;
    }
    .block_inside_center_exp_flex {
        padding: 0 20px;
    }
    .block_center_plan {
        padding: 0 20px;
    }
    .block_center_ava_inner {
        padding: 0 20px;
    }
    .center_inside_base_inner {
        margin-bottom: 40px;
        margin-top: 0px;
    }
    .center_inside_base_inner.free {
        margin-top: 40px;
    }
}



body.blurred {
  overflow: hidden;
}

.age-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(12px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.age-modal {
  background: #111;
  padding: 30px;
  border-radius: 16px;
  text-align: center;
  color: white;
  width: 300px;
}

.age-modal h2 {
  margin-bottom: 10px;
}

.age-buttons {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.age-buttons button {
  flex: 1;
  padding: 10px;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  font-weight: bold;
}

.yes {
  background: #ff4da6;
  color: white;
}

.no {
  background: #333;
  color: white;
}