:root{
    --bg:#17191d;
    --bg2:#1d2025;
    --card:#23262b;
    --card2:#1d2025;

    --text:#f5f5f5;
    --muted:#9ea4ad;

    --line:rgba(255,255,255,0.06);

    --red:#d60000;
    --redHover:#ff1f1f;

    --shadow:
    0 10px 30px rgba(0,0,0,0.28);

    --radius:22px;
}

.reveal{
    opacity:0;
    transform:translateY(25px);
    transition:all 0.7s ease;
    will-change:opacity, transform;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}






/* =========================
    GLOBAL
========================= */

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

html, body{
    overflow-x:hidden;
    scroll-behavior:smooth;
}

body{
    font-family:Inter, Arial, Helvetica, sans-serif;

    background:
    linear-gradient(
        180deg,
        #1d2025 0%,
        #191b20 35%,
        #17191d 100%
    );

    color:var(--text);

    line-height:1.6;

    -webkit-font-smoothing:antialiased;
}

a{
    text-decoration:none;
    color:inherit;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}