*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    min-height:100%;
}

/* BODY */

body{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#050505;

    font-family:'Inter',sans-serif;

    position:relative;

    overflow-x:hidden;

    overflow-y:auto;

    padding:20px;
}

/* RED GLOW BACKGROUND */

.background-glow{

    position:absolute;

    width:900px;

    height:900px;

    background:radial-gradient(circle,
    rgba(255,0,0,0.28) 0%,
    rgba(255,0,0,0.10) 35%,
    transparent 70%);

    top:-400px;

    left:50%;

    transform:translateX(-50%);

    filter:blur(90px);

    z-index:1;
}

/* MAIN CONTAINER */

.container{

    width:min(92vw,430px);

    background:rgba(12,12,12,0.88);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:28px;

    padding:clamp(22px,4vw,38px);

    backdrop-filter:blur(16px);

    -webkit-backdrop-filter:blur(16px);

    box-shadow:
    0 0 60px rgba(255,0,0,0.12),
    inset 0 0 20px rgba(255,255,255,0.02);

    position:relative;

    z-index:5;

    margin:auto;
}

/* LOGO */

.logo{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:clamp(22px,4vw,30px);

    font-weight:700;

    color:white;

    margin-bottom:32px;
}

.logo span{

    color:#ff4747;
}

/* TITLE */

h1{

    color:white;

    font-size:clamp(26px,5vw,42px);

    line-height:1.15;

    margin-bottom:22px;

    font-weight:700;
}

/* DESCRIPTION */

.description{

    color:#bdbdbd;

    font-size:clamp(13px,2.8vw,15px);

    line-height:1.9;

    margin-bottom:28px;
}

/* WARNING BOX */

.warning-box{

    background:rgba(255,71,71,0.08);

    border:1px solid rgba(255,71,71,0.18);

    padding:18px;

    border-radius:18px;

    color:#ff8f8f;

    line-height:1.7;

    font-size:clamp(13px,2.7vw,14px);

    margin-bottom:28px;
}

/* TELEGRAM BUTTON */

.telegram-btn{

    width:100%;

    min-height:56px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    background:#ff4747;

    color:white;

    text-decoration:none;

    border-radius:16px;

    font-weight:600;

    font-size:clamp(14px,2.8vw,15px);

    transition:0.3s ease;

    box-shadow:
    0 0 25px rgba(255,71,71,0.45);
}

/* BUTTON HOVER */

.telegram-btn:hover{

    transform:translateY(-2px);

    background:#ff2f2f;

    box-shadow:
    0 0 35px rgba(255,71,71,0.65);
}

/* FOOTER */

.footer{

    margin-top:24px;

    text-align:center;

    color:#777;

    font-size:clamp(12px,2.5vw,13px);
}

/* MOBILE EXTRA FIX */

@media(max-width:480px){

    body{
        padding:16px;
    }

    .container{
        border-radius:24px;
    }

}

/* LARGE SCREEN */

@media(min-width:1400px){

    .container{
        transform:scale(1.02);
    }

}