:root{
    --bg:#090909;
    --surface:rgba(14,14,14,0.92);
    --surface-2:#171717;
    --surface-3:#202020;
    --border:rgba(255,255,255,0.12);
    --text:#f8f8f8;
    --muted:#adadad;
    --primary:#f5c542;
    --primary-strong:#ffd86a;
    --success:#42c77a;
    --danger:#ff6b6b;
}

*{
    box-sizing:border-box;
}

html,
body{
    max-width:100%;
    min-height:100%;
    overflow-x:hidden;
}

body{
    margin:0;
    min-height:100vh;
    font-family:Arial, sans-serif;
    background:var(--bg);
    color:var(--text);
}

.banner{
    position:fixed;
    inset:0;
    background:
        linear-gradient(180deg, rgba(0,0,0,0.86), rgba(0,0,0,0.74)),
        url("../img/banner.png");
    background-size:cover;
    background-position:center;
    z-index:-1;
}