body{
background-color:#100e19;
}

.logo{
position: absolute;
width: 200px;
height: auto;
left: 52px;
right: 1076.64px;
top: 28px;
bottom: 1168.54px;
z-index: 1000;
}

.container1 {
    position: absolute;
    width: 442px;
    height: 330px;
    top: 380px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.28);
    overflow: hidden;
    cursor: pointer;
}

.particle {
    position: absolute;
    background-color: #fff;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    pointer-events: none;
}

.input1{
    transform: translate(-50%, -50%);
    border-radius: 23px;
    background: rgb(21, 24, 36);
    border:none;
}
.btnauth{
    /* Прямоугольник 19 */
    position: absolute;
    height: 38.68px;
    top: 272px;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -454px;
    border-radius: 10.09px;
    background: #0600ff;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    border:none;
    color: #ffffff;
}
h2{
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(-50%, -50%); 
    color:#fff; 
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}
.blurblue{
/* Эллипс 2 */
    position: fixed;
    width: 468px;
    height: 385px;
    left: -40px;
    bottom: -41px;
    filter: blur(80px);
    background-color: #3B00D9; 
    border-radius:1000px;
}
.blurblue2{
/* Эллипс 2 */
    position: fixed;
    width: 468px;
    height: 385px;
    right: -100px;
    top: -100px;
    bottom: -41px;
    filter: blur(80px);
    background-color: #0044D9; 
    border-radius:1000px;
}

.container1 {
    position: relative;
}

.white{
    color:#fff;
    font-family: 'OutfitBold', sans-serif; /* Use the font in your styles */
}
.blue{
    color:#6CA4FF;
    font-family: 'OutfitBold', sans-serif; /* Use the font in your styles */
}
.bottom-text {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size:15px;
    font-weight: 700;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    width:100%;
    text-align: center;
}

@media screen and (max-width: 1131px){
    .blurblue2{
        top:-314px;
    }
    .blurblue{
        left:-267px;
    }
}
@media screen and (max-width: 720px){
    .container1{
        width: 90%;
    }
    .text{
        font-size: 9px;
    }
    .logo{
        top: 230px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        width:60%;
    }
    h2{
        display:none;
    }
}