:root{
    --bg-1: #0f172a; 
    --bg-2: #071034; 
    --accent: #4ade80;
    --muted: rgba(255,255,255,0.75);
}


*{box-sizing:border-box} html,body{height:100%}
body{
    margin:0;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    background: linear-gradient(135deg,var(--bg-1),var(--bg-2));
    color: white;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}


.center-stage{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:2rem;
}


.card{
    text-align:center;
    padding:3rem 2.5rem;
    border-radius:14px;
    backdrop-filter: blur(6px) saturate(120%);
    box-shadow: 0 10px 30px rgba(2,6,23,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
    background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
    max-width:720px;
    width:100%;
}


.headline{
    font-size: clamp(28px, 5vw, 64px);
    margin:0 0 .25rem 0;
    letter-spacing: -0.02em;
    font-weight:800;
    color: white;
    text-transform:uppercase;
}


.sub{
    margin:0 0 1.25rem 0;
    color:var(--muted);
    font-weight:300;
    font-size:clamp(14px,2.2vw,18px);
}