/* BURGER BUTTON */

.burger-btn{

    display:none;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    margin-left:auto;

    position:relative;

    left:-10px;

    border:none;

    border-radius:14px;

    cursor:pointer;

    font-size:32px;

    line-height:1;

    font-weight:700;

    color:#ffffff;

    background:
    rgba(255,255,255,.04);

    border:
    5px solid rgba(255,255,255,.05);

    transition:.25s;
}

/* MOBILE MENU */

@media(max-width:980px){

    .burger-btn{

        display:flex;

        z-index:1002;
    }

    .login-btn{

        display:none;
    }

  .menu{

    position:fixed;

    pointer-events:auto;

    top:0;

    left:-100%;

    width:100%;

    max-width:100%;

    height:100vh;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:12px;

    padding:90px 18px 150px;

    z-index:1002;

    background:
    linear-gradient(
    180deg,
    rgba(8,12,20,.99),
    rgba(5,8,15,.995));

    backdrop-filter:
    blur(18px);

    transition:.35s;

    z-index:1001;

    overflow-y:auto;
}

.menu.active{

    left:0;
}

.menu a{

    width:100%;

    min-height:48px;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    padding:0 16px;

    border-radius:12px;

    font-size:14px;

    font-weight:600;

    color:#ffffff;

    text-decoration:none;

    background:
    rgba(255,255,255,.025);

    border:
    1px solid rgba(255,255,255,.04);

    transition:.25s;
}

.menu a:hover{

    background:
    rgba(255,255,255,.06);

    border-color:
    rgba(255,215,119,.14);
}


@media(max-width:980px){

    .nav{

        top:0;

        left:0;

        right:0;

        width:100%;

        border-radius:0;

        padding:14px 18px;
    }

}

@media(max-width:980px){

    .menu{

        top:0;
    }

}

@media(max-width:980px){

    .hero-grid{

        grid-template-columns:1fr;
    }

    .feature-grid{

        grid-template-columns:1fr;
    }

    .stages-grid{

        grid-template-columns:1fr;
    }

    .main-news{

        padding:18px;
    }

    .hero-top{

        padding:18px;
    }

    .start-date{

        font-size:32px;

        line-height:1.15;
    }

    .feature-card{

        min-height:auto;

        padding:18px;
    }

    .feature-title{

        font-size:24px;
    }

    .feature-desc{

        font-size:14px;

        line-height:1.7;
    }

    .big-news-box{

        padding:20px;
    }

    .stage-box{

        padding:18px;
    }

    .reward-box{

        padding:20px;
    }

    .telegram-event{

        padding:20px;
    }

    .action-buttons{

        flex-direction:column;
    }

    .btn{

        width:100%;
    }

    body{

        overflow-x:hidden;
    }
}

.burger-btn.active{

    font-size:34px;
}

@media(max-width:980px){

    .lang-switch{

        margin-left:auto;

        margin-right:12px;
    }

    .lang-switch a{

        width:38px;

        height:38px;

        font-size:12px;
    }
}