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

.container{

    flex:1;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    text-align:center;

    padding:20px;
}

.logo{

    width:220px;

    margin-bottom:30px;

    filter:
        drop-shadow(0 0 10px rgba(255,140,0,.45))
        drop-shadow(0 0 30px rgba(255,90,0,.25));
}

h1{

    font-size:58px;

    font-weight:700;

    letter-spacing:4px;

    background:linear-gradient(
        #fff8d6,
        #ffd75a,
        #ff8f1f,
        #ff5310
    );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;

    text-shadow:
        0 0 8px rgba(255,180,0,.15),
        0 0 18px rgba(255,80,0,.15);

    margin-bottom:18px;
}

.description{

    color:#cfcfcf;

    font-size:20px;

    letter-spacing:.5px;
}

footer{

    padding:30px;

    text-align:center;

    color:#9a7d5b;

    font-size:14px;

    border-top:1px solid rgba(255,120,0,.08);
}

body {

    background:
        radial-gradient(
            circle at center,
            rgba(255, 180, 0, 0.35) 0%,
            rgba(255, 110, 0, 0.28) 15%,
            rgba(180, 35, 0, 0.18) 28%,
            rgba(40, 8, 0, 0.08) 42%,
            #0b0b0b 60%
        );

    background-color: #0b0b0b;

    color: white;

    font-family: "Segoe UI", sans-serif;

    height: 100vh;

    display: flex;
    flex-direction: column;

    overflow: hidden;
}

.glow{

    position:fixed;

    left:50%;
    top:50%;

    width:420px;
    height:420px;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(255,120,0,.12),
        rgba(255,80,0,.05),
        transparent 70%
    );

    pointer-events:none;

    z-index:-1;

    filter:blur(35px);
}

@keyframes fadeIn{

    from{

        opacity:0;
    }

    to{

        opacity:1;
    }

}