:root {
    --accent: #c89b3c;
    --accent-dim: #8f6b27;
    --accent-rgb: 200,155,60;
    --bg-dark: #0d0d0d;
    --bg-card: rgba(17,18,21,.84);
}
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin:0; background:var(--bg-dark); color:#fff; font-family:Inter,Segoe UI,Arial,sans-serif; overflow-x:hidden; }
#mainNavbar { z-index:20; transition:all .3s ease; background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent); }
#mainNavbar.navbar-scrolled { background:rgba(8,8,10,.94); backdrop-filter:blur(14px); box-shadow:0 8px 30px rgba(0,0,0,.4); padding-top:.8rem!important; padding-bottom:.8rem!important; }
.top-logo { height:28px; max-width:210px; object-fit:contain; filter:drop-shadow(0 2px 10px rgba(0,0,0,.8)); }
.hub-badge { font-size:.74rem; letter-spacing:.18em; color:rgba(255,255,255,.62); border:1px solid rgba(var(--accent-rgb),.28); border-radius:999px; padding:.45rem .85rem; background:rgba(0,0,0,.22); }
.hub-badge i { color:var(--accent); }
.video-container { position:relative; min-height:100vh; overflow:hidden; }
#bg-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.52; }
.video-container::before { content:""; position:absolute; inset:0; z-index:1; background:radial-gradient(circle at 50% 35%,rgba(var(--accent-rgb),.10),transparent 34%),linear-gradient(to bottom,rgba(0,0,0,.20),rgba(5,5,7,.52) 55%,#0d0d0d 100%); }
.video-header { position:relative; z-index:2; min-height:100vh; display:flex; align-items:center; padding:105px 0 70px; }
.overlay-content { max-width:1220px; margin:0 auto; }
.logo-container { margin-bottom:.4rem; }
.logo-container img { max-height:220px; max-width:min(580px,88vw); filter:drop-shadow(0 6px 26px rgba(var(--accent-rgb),.38)); transition:transform .35s ease; }
.logo-container img:hover { transform:scale(1.025); }
.eyebrow { color:var(--accent); font-size:.72rem; font-weight:800; letter-spacing:.38em; margin-top:-.25rem; margin-bottom:.7rem; }
.hero-title { font-size:clamp(2.1rem,5vw,3.5rem); font-weight:800; letter-spacing:.025em; text-shadow:0 0 25px rgba(var(--accent-rgb),.30),0 3px 10px #000; }
.hero-lead { color:rgba(255,255,255,.70); font-size:1.08rem; font-weight:300; }
.gold-line { width:72px; height:2px; background:linear-gradient(90deg,transparent,var(--accent),transparent); box-shadow:0 0 16px rgba(var(--accent-rgb),.55); }
.hub-grid { max-width:1180px; margin-left:auto; margin-right:auto; }
.hub-card-link { text-decoration:none; color:inherit; display:block; height:100%; }
.hub-card { position:relative; overflow:hidden; min-height:330px; padding:2.1rem 1.8rem 1.8rem; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:linear-gradient(155deg,rgba(30,31,35,.87),rgba(11,11,13,.91)); box-shadow:0 20px 45px rgba(0,0,0,.30); transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease; }
.hub-card::before { content:""; position:absolute; left:0; top:0; right:0; height:2px; background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.88),transparent); opacity:.7; }
.hub-card::after { content:""; position:absolute; width:190px; height:190px; border-radius:50%; right:-75px; top:-90px; background:rgba(var(--accent-rgb),.07); filter:blur(2px); }
.hub-card:hover { transform:translateY(-7px); border-color:rgba(var(--accent-rgb),.56); box-shadow:0 25px 58px rgba(0,0,0,.48),0 0 24px rgba(var(--accent-rgb),.10); }
.featured-card { border-color:rgba(var(--accent-rgb),.28); background:linear-gradient(155deg,rgba(39,34,23,.88),rgba(11,11,13,.93)); }
.hub-icon { width:66px; height:66px; margin:0 auto 1rem; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(var(--accent-rgb),.65); background:rgba(var(--accent-rgb),.08); box-shadow:0 0 22px rgba(var(--accent-rgb),.12); color:var(--accent); font-size:1.75rem; }
.hub-card-kicker { color:rgba(255,255,255,.38); font-size:.67rem; letter-spacing:.22em; font-weight:700; margin-bottom:.45rem; }
.hub-card h2 { color:#fff; font-size:1.45rem; font-weight:750; margin-bottom:.8rem; }
.hub-card p { color:rgba(255,255,255,.58); font-size:.91rem; line-height:1.65; min-height:72px; max-width:320px; margin:0 auto 1.35rem; }
.btn-gold { position:relative; z-index:2; background:linear-gradient(135deg,var(--accent),var(--accent-dim)); color:#080808; font-weight:800; letter-spacing:.045em; border:0; border-radius:6px; padding:.72rem 1.55rem; text-transform:uppercase; font-size:.78rem; box-shadow:0 4px 18px rgba(var(--accent-rgb),.26); }
.hub-card:hover .btn-gold { box-shadow:0 6px 24px rgba(var(--accent-rgb),.50); }
.scroll-note { display:flex; flex-direction:column; align-items:center; gap:.35rem; color:rgba(255,255,255,.34); font-size:.73rem; letter-spacing:.12em; text-transform:uppercase; }
.scroll-note i { color:var(--accent); font-size:1rem; animation:float 1.8s ease-in-out infinite; }
@keyframes float { 50% { transform:translateY(5px); } }
@media (max-width:767px) { .video-header{padding-top:90px;align-items:flex-start;} .logo-container img{max-height:170px;} .hub-card{min-height:auto;} .hub-card p{min-height:auto;} .hero-lead{padding:0 1rem;} }