:root {
    --site-bg: #080818;
    --site-accent: #7c3cff;
    --site-accent-2: #24d18e;
    --site-accent-3: #ffc857;
}

body {
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--site-accent) 18%, transparent), transparent 28%),
        linear-gradient(180deg, var(--site-bg), #050606 100%);
}

.brand-mark,
.footer .brand-mark {
    background:
        radial-gradient(circle at 34% 28%, rgba(255,255,255,.38), transparent 22%),
        linear-gradient(145deg, var(--site-accent-3), var(--site-accent) 56%, #07110d) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 34px color-mix(in srgb, var(--site-accent) 28%, transparent), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.brand-mark::after {
    border-radius: 12px !important;
    background: linear-gradient(160deg, rgba(255,255,255,.28), rgba(255,255,255,0) 36%), rgba(255,255,255,.08) !important;
}

.topbar {
    background: rgba(4,6,5,.9) !important;
}

.topbar-inner,
.mobile-nav {
    background: rgba(7,10,8,.88) !important;
    border-color: color-mix(in srgb, var(--site-accent) 26%, transparent) !important;
}

.desktop-nav a:hover,
.mobile-nav a:hover {
    border-color: color-mix(in srgb, var(--site-accent) 34%, transparent) !important;
}

.footer {
    background:
        linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,.98)),
        var(--site-bg) !important;
}

.footer h4,
.trust-strip-title,
.section-kicker,
.hero-kicker {
    color: color-mix(in srgb, var(--site-accent-3) 86%, #fff) !important;
}

.page-hero,
.guide,
.about-mini-card,
.review-card,
.trust-logo-item {
    border-color: color-mix(in srgb, var(--site-accent) 24%, transparent) !important;
}