*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
}

body{
    background:#09090c;
    overflow:hidden;
    height:100vh;
    color:white;
}

.background{
    position:absolute;
    width:100%;
    height:100%;

    background:
    radial-gradient(
        circle at center,
        rgba(106, 0, 255, 0.15),
        transparent 60%
    );

    z-index:0;
}

.container{
    position:relative;
    z-index:2;

    width:100%;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

.logo{
    font-size:70px;
    font-weight:900;

    letter-spacing:8px;

    margin-bottom:40px;

    color:white;
}

.logo span{
    color:#8b5cf6;
}

.card{
    width:450px;

    background:
    rgba(255,255,255,0.03);

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

    backdrop-filter:blur(10px);

    padding:40px;

    border-radius:18px;

    box-shadow:
    0 0 40px rgba(139,92,246,0.2);
}

.card h1{
    font-size:30px;
    margin-bottom:15px;
}

.card p{
    color:#9ca3af;
    line-height:1.6;
    margin-bottom:30px;
}

button{
    width:100%;
    height:55px;

    border:none;

    background:#5865F2;

    color:white;

    border-radius:12px;

    font-size:17px;
    font-weight:bold;

    cursor:pointer;

    transition:0.2s;
}

button:hover{
    transform:translateY(-2px);

    box-shadow:
    0 0 20px rgba(88,101,242,0.5);
}