/* ==========================================================
   CENTURION
   EFFECTS
   ========================================================== */

/* ==========================================================
   BACKGROUND GRID
   ========================================================== */

.background-grid{

    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.045;

    background-image:

        linear-gradient(
            rgba(255,255,255,.08) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.08) 1px,
            transparent 1px
        );

    background-size:60px 60px;

}

/* ==========================================================
   GOLD GLOW
   ========================================================== */

.background-glow{

    position:absolute;

    width:700px;
    height:700px;

    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(200,164,90,.14) 0%,
        rgba(200,164,90,.06) 35%,
        transparent 70%
    );

    filter:blur(90px);

    pointer-events:none;

}

/* ==========================================================
   GLASS
   ========================================================== */

.glass{

    background:rgba(255,255,255,.035);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.08);

}

/* ==========================================================
   METALLIC BORDER
   ========================================================== */

.border-gold{

    border:1px solid rgba(200,164,90,.25);

}

/* ==========================================================
   DIVIDER
   ========================================================== */

.divider{

    width:100%;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(200,164,90,.45),
        transparent
    );

}

/* ==========================================================
   GOLD TEXT
   ========================================================== */

.text-gold{

    color:var(--color-gold);

}

/* ==========================================================
   SHADOWS
   ========================================================== */

.shadow-premium{

    box-shadow:var(--shadow-lg);

}

.shadow-gold{

    box-shadow:var(--shadow-gold);

}