html,body{
    margin:0;
    height:100%;
    background:#070b12;
    font-family:'Inter',sans-serif;
    overflow:hidden;
}
.hero{
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:white;
    text-align:center;
    position:relative;
    background:radial-gradient(circle at center 120%, #19304f 0%, #070b12 45%);
}
h1{
    font-size:clamp(4rem,9vw,8rem);
    letter-spacing:.18em;
    font-weight:300;
    margin:0;
}
.subtitle{
    margin-top:2rem;
    font-size:clamp(1.2rem,2vw,2rem);
    color:#b8c4d9;
}
.tagline{
    margin-top:1.5rem;
    color:#9ba7bb;
    font-size:clamp(1rem,1.5vw,1.5rem);
}
.glow{
    position:absolute;
    bottom:-8vh;
    width:140vw;
    height:30vh;
    border-top:2px solid rgba(190,220,255,.95);
    border-radius:50%;
    box-shadow:0 0 40px rgba(170,210,255,.8);
}