:root {
    --bg: #050505;
    --bg-soft: #0f0f0f;

    --text: #ffffff;
    --muted: #9ca3af;

    --gold: #f5b942;
    --gold-soft: rgba(245,185,66,.15);

    --line: rgba(255,255,255,.08);

    --container: 1280px;
}

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

html {
    scroll-behavior: smooth;
}

body {
    background: var(--bg);
    color: var(--text);
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: var(--container);
    margin: auto;
    padding: 0 24px;
}

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

/* =========================================================
   GLOBAL PREMIUM ATMOSPHERE
========================================================= */

body::before {
    content: "";

    position: fixed;

    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(circle at 20% 20%, rgba(245,185,66,.06), transparent 22%),
        radial-gradient(circle at 80% 30%, rgba(255,255,255,.03), transparent 24%),
        radial-gradient(circle at 50% 80%, rgba(245,185,66,.04), transparent 28%);

    z-index: -3;
}

.page-glow {
    position: fixed;

    border-radius: 999px;

    filter: blur(120px);

    pointer-events: none;

    z-index: -2;

    opacity: .55;
}

.glow-1 {
    top: -120px;
    right: -80px;

    width: 420px;
    height: 420px;

    background: rgba(245,185,66,.18);
}

.glow-2 {
    bottom: 10%;
    left: -120px;

    width: 340px;
    height: 340px;

    background: rgba(255,255,255,.05);
}

.glow-3 {
    top: 42%;
    right: 28%;

    width: 260px;
    height: 260px;

    background: rgba(245,185,66,.08);
}

section {
    position: relative;
    z-index: 2;
}