:root {
    --te-gold: #d4af37;
    --te-gold-soft: #f3e1a6;
    --te-surface: rgba(11, 11, 14, 0.82);
    --te-surface-soft: rgba(255,255,255,0.03);
    --te-border: rgba(212,175,55,0.18);
    --te-text: #e6ebf3;
    --te-muted: #9ea6b5;
    --te-shadow: 0 18px 42px rgba(0,0,0,0.24);
    --te-radius: 24px;
}

.site-nav-rail,
.topbar,
.top-nav,
.intro-topbar {
    border: 1px solid var(--te-border) !important;
    background: rgba(6, 6, 8, 0.72) !important;
    border-radius: 22px !important;
    backdrop-filter: blur(14px);
    box-shadow: var(--te-shadow);
}

.site-nav-links,
.nav,
.nav-links,
.intro-top-links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.site-nav-links a,
.nav a,
.nav-btn,
.intro-top-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: rgba(255,255,255,0.03) !important;
    color: #d7dde7 !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    transition: 0.22s ease !important;
}

.site-nav-links a:hover,
.site-nav-links a.active,
.nav a:hover,
.nav a.active,
.nav-btn:hover,
.nav-btn.active,
.intro-top-links a:hover,
.intro-top-links a.active {
    background: var(--te-gold) !important;
    color: #050505 !important;
    border-color: transparent !important;
    transform: translateY(-1px);
}

.site-nav-brand strong,
.brand-copy strong,
.brand-mini-copy strong,
.intro-brand-link strong {
    font-family: 'Cinzel', serif;
    color: var(--te-gold-soft) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.site-nav-brand span,
.brand-copy span,
.brand-mini-copy span,
.intro-brand-link span {
    color: var(--te-muted) !important;
    text-transform: uppercase;
    letter-spacing: 0.22em;
}

.btn,
.btn-elite,
.btn-primary,
.btn-secondary,
.btn-download,
.btn-register,
.closing a,
.cta-stack a,
.fair-cta a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 50px;
    padding: 14px 22px !important;
    border-radius: 999px !important;
    clip-path: none !important;
    font-family: 'Cinzel', serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: 0.22s ease !important;
    box-shadow: none !important;
}

.btn-enter,
.btn-primary,
.btn-register,
.btn-gold,
.closing a,
.cta-stack a:first-child,
.fair-cta a:first-child {
    background: linear-gradient(135deg, #f1d37c, #c19021) !important;
    color: #0f1013 !important;
    border: 1px solid transparent !important;
}

.btn-sec,
.btn-secondary,
.btn-download,
.btn-mirror,
.btn-elite,
.cta-stack a:last-child,
.fair-cta a:last-child {
    background: rgba(255,255,255,0.03) !important;
    color: var(--te-text) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
}

.btn-elite.btn-gold {
    background: linear-gradient(135deg, #f1d37c, #c19021) !important;
    color: #0f1013 !important;
    border: 1px solid transparent !important;
}

.btn-forum {
    background: rgba(255,255,255,0.03) !important;
    color: var(--te-text) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
}

.btn:hover,
.btn-elite:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-download:hover,
.btn-register:hover,
.closing a:hover,
.cta-stack a:hover,
.fair-cta a:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.04);
}

.hero-copy,
.hero-panel,
.section-card,
.pillar,
.timeline-card,
.cta-panel,
.hero,
.notice,
.rule-card,
.ladder,
.closing,
.download-box,
.trust-card,
.sys-req-box,
.register-card,
.message,
.trust-grid article,
.elite-panel {
    border-radius: var(--te-radius) !important;
    box-shadow: var(--te-shadow) !important;
}

.hero-panel,
.fact,
.signal,
.timeline-card,
.pillar,
.rule-card,
.ladder,
.closing,
.trust-card,
.trust-pill,
.promise-card,
.signal-card-home,
.fair-card {
    border-color: rgba(255,255,255,0.06) !important;
}

@media (max-width: 767px) {
    .site-nav-rail,
    .topbar,
    .top-nav,
    .intro-topbar {
        border-radius: 18px !important;
    }

    .site-nav-links,
    .nav,
    .nav-links,
    .intro-top-links {
        width: 100%;
        justify-content: flex-start;
    }

    .btn,
    .btn-elite,
    .btn-primary,
    .btn-secondary,
    .btn-download,
    .btn-register,
    .closing a,
    .cta-stack a,
    .fair-cta a {
        width: 100%;
    }
}