@font-face {
    font-family: 'PP Neue Corp';
    src: url('/assets/fonts/PPNeueCorp-NormalRegular.ttf');
    src: url('/assets/fonts/PPNeueCorp-NormalRegular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/PPNeueCorp-NormalRegular.woff2') format('woff2'),
        url('/assets/fonts/PPNeueCorp-NormalRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Corp';
    src: url('/assets/fonts/PPNeueCorp-NormalSemibold.eot');
    src: url('/assets/fonts/PPNeueCorp-NormalSemibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/PPNeueCorp-NormalSemibold.woff2') format('woff2'),
        url('/assets/fonts/PPNeueCorp-NormalSemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body{
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-image: url(./img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgb(0, 0, 0);
    margin: 0;
}
.container {
    padding: 0 7.407407vh;
}
.header{
padding: 1.481481vh 0;
position: absolute;
top:0;
left: 0;
width: 100%;
}
.header__logo {
    height: 2.962963vh;
    text-align: center;
}

.header__logo img {
    height: 100%;
    width: auto;
}

.main{
    width: 100%;
    height: 100%;
}
.main__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.222222vh;
    padding: 0 7.407407vh;
    height: 100%;
}
.main__img {
    position: relative;
    width: 12.962963vh;
    height: 12.962963vh;
}
.main__img::before {
   content: '';
   position: absolute;
   top: 0;
   left: -0.925926vh;
   width: 11.405833vh;
height: 10.951574vh;
background-color: rgba(197, 177, 255, 0.40);
opacity: 0.7;
filter: blur(31.418718338012695px);
}

.main__img img{
    display: block;
    width: 100%;
    height: 100%;
}
.main__title {
font-family: "PP Neue Corp", sans-serif;
font-size: 3.888889vh;
font-style: normal;
font-weight: 600;
line-height: 95%;
letter-spacing: 0.077778vh;
text-transform: uppercase;
text-align: center;
 color: var(--Text-Primary, #FAF9F8);
   margin: 0;
}
.main__text {
    display: flex;
    flex-direction: column;
    gap: 1.111111vh;
    width: 57.777778vh;
    margin-bottom: 9.259259vh;
}
.main__text p{
  font-family: "PP Neue Corp", sans-serif;
font-size: 2.037037vh;
font-style: normal;
font-weight: 400;
line-height: 125%;
text-align: center;
  color: var(--Text-Secondary, #B9C1C5);
  margin: 0;
}
.main__text a{
font-family: inherit;
font-size: inherit;
font-style: normal;
font-weight: 500;
line-height: 115%;
text-decoration: none;
 color: var(--color-Glacial-Breath, #8BEFF6);
}

.main__text a:hover{
text-decoration: underline;
}
.gradien{
    display: none;
}
@media (orientation: portrait) {
    body{
    background-image: url(./img/bg-mob.jpg);
   background-size: contain;
   background-position: top center;
}

.container {
    padding: 0 4.266667vw;
}
.header{
padding: 4.266667vw 0;

}
.header__logo {
    height: 5.866667vw;

}

.main__inner {
    gap: 4.266667vw;
    padding: 0 4.266667vw;
}
.main__img {
    width: 24vw;
height: 24vw;
}
.main__img::before {

   top: 2vw;
   left: -2.666667vw;
  width: 20.3784vw;
height: 19.917333vw;
}

.main__title {
font-size: 6.4vw;
letter-spacing: 0.128vw;
}
.main__text {
    display: flex;
    flex-direction: column;
    gap: 2.133333vw;
    width: 100%;
    margin-bottom: 9.259259vh;
}
.main__text p{
font-size: 4.266667vw;
}
.gradien{
    display: block;position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

}
}