.hero{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding-top:80px;

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(circle at 20% 15%, rgba(0,140,255,.18), transparent 35%),
        radial-gradient(circle at 80% 80%, rgba(0,220,255,.12), transparent 35%),
        linear-gradient(180deg,#040B17,#071324,#040B17);

}

.hero-content{

    width:min(900px,90%);

    z-index:2;

}

.tag{

    display:inline-block;

    padding:10px 20px;

    border:1px solid rgba(255,255,255,.15);

    border-radius:50px;

    color:#00E5FF;

    background:rgba(255,255,255,.05);

    backdrop-filter:blur(20px);

    margin-bottom:35px;

}

.hero h1{

    font-size:170px;

    font-weight:800;

    color:#00D8FF;

    line-height:1;

    text-shadow:
        0 0 20px rgba(0,220,255,.45),
        0 0 45px rgba(0,220,255,.55),
        0 0 80px rgba(0,220,255,.25);

    animation:glow 3s ease-in-out infinite;

}

.hero h2{

    font-size:72px;

    color:#ffffff;

    margin-top:-35px;

    margin-bottom:30px;

}

.slogan{

    color:#ffffff;

    font-size:30px;

    margin-top:20px;

}

.desc{

    color:#94A3B8;

    font-size:20px;

    margin-top:20px;

}

.buttons{

    display:flex;

    justify-content:center;

    gap:25px;

    margin-top:45px;

}

@keyframes glow{

    0%{

        transform:scale(1);

        filter:brightness(1);

    }

    50%{

        transform:scale(1.03);

        filter:brightness(1.2);

    }

    100%{

        transform:scale(1);

        filter:brightness(1);

    }

}

.star{

    position:absolute;

    width:2px;

    height:2px;

    background:#ffffff;

    border-radius:50%;

    opacity:.3;

    animation:twinkle infinite;

    pointer-events:none;

}

@keyframes twinkle{

    0%{

        opacity:.2;

        transform:scale(.5);

    }

    50%{

        opacity:1;

        transform:scale(1.8);

    }

    100%{

        opacity:.2;

        transform:scale(.5);

    }

}