/* Crossroads 2026 — static Bootstrap 5 stylesheet */
:root {
  --gold:#c9a84c; --gold-light:#f0d080; --gold-dim:#7a6030;
  --crimson:#8b1a1a; --spacebg:#0a0608; --deeppurple:#1a0a2e;
  --font-cinzel:'Cinzel', serif; --font-serif:'EB Garamond', Georgia, serif;
}
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { background-color:var(--spacebg); color:#fff; font-family:var(--font-serif); overflow-x:hidden; }
::selection { background:rgba(201,168,76,0.3); color:#fff; }
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:#0a0608; }
::-webkit-scrollbar-thumb { background:#7a6030; border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:#c9a84c; }

.text-gold { color:var(--gold) !important; }
.text-gold-light { color:var(--gold-light) !important; }
.border-gold-dim { border-color:rgba(201,168,76,0.2) !important; }
.bg-gold { background:linear-gradient(90deg,var(--gold-dim),var(--gold)); color:var(--spacebg); }
.tracking { letter-spacing:4px; }

/* Buttons */
.btn-gold { background:linear-gradient(90deg,var(--gold-dim),var(--gold),var(--gold-dim)); color:var(--spacebg); border:none; font-family:var(--font-cinzel); font-weight:700; letter-spacing:2px; font-size:11px; padding:10px 24px; border-radius:50px; }
.btn-gold:hover { color:var(--spacebg); opacity:0.9; }
.btn-outline-gold { border:1px solid var(--gold); color:var(--gold); background:transparent; font-family:var(--font-cinzel); font-weight:700; letter-spacing:2px; font-size:11px; padding:10px 24px; border-radius:50px; }
.btn-outline-gold:hover { background:var(--gold); color:var(--spacebg); }
.btn-lg.btn-gold, .btn-lg.btn-outline-gold { padding:14px 32px; }

/* Trust header */
.trust-header { width:100%; background:var(--spacebg); border-bottom:1px solid rgba(255,255,255,0.1); }
.trust-header img { width:100%; filter:brightness(1.1); display:block; }

/* Navbar */
.crossroads-nav { background:rgba(10,6,8,0.85); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,0.05); top:auto; padding:0.7rem 0; }
.crossroads-nav.scrolled { background:rgba(10,6,8,0.95); border-bottom:1px solid rgba(201,168,76,0.15); box-shadow:0 4px 20px rgba(0,0,0,0.4); }
.nav-logo { height:48px; width:auto; filter:brightness(1.25) drop-shadow(0 0 8px rgba(201,168,76,0.65)); }
.brand-text { display:flex; flex-direction:column; line-height:1; }
.brand-name { font-family:var(--font-cinzel); font-size:13px; letter-spacing:5px; color:var(--gold-light); font-weight:800; }
.brand-sub { font-family:var(--font-cinzel); font-size:8.5px; letter-spacing:6px; color:#999; margin-top:3px; }
.crossroads-nav .nav-link { font-family:var(--font-cinzel); font-size:12px; letter-spacing:2px; color:rgba(255,255,255,0.8); font-weight:500; }
.crossroads-nav .nav-link:hover { color:var(--gold); }
.navbar-toggler { border-color:rgba(201,168,76,0.3); }
.navbar-toggler-icon { filter:invert(0.85) sepia(1) hue-rotate(15deg); }

/* Hero */
.hero-section { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:160px 1rem 60px; position:relative; overflow:hidden; }
.hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 40%, rgba(139,26,26,0.18) 0%, rgba(26,10,46,0.35) 45%, rgba(10,6,8,0.98) 85%); z-index:0; }
.venue-badge { display:inline-flex; align-items:center; padding:6px 16px; border-radius:50px; background:linear-gradient(90deg,rgba(122,96,48,0.15),rgba(201,168,76,0.1),rgba(122,96,48,0.15)); border:1px solid rgba(201,168,76,0.3); font-family:var(--font-cinzel); font-size:10px; letter-spacing:3px; color:var(--gold-light); font-weight:600; margin-bottom:1rem; }
.hero-pretitle { font-family:var(--font-cinzel); font-size:10px; letter-spacing:6px; color:var(--gold); text-transform:uppercase; font-weight:600; margin-bottom:0.5rem; }
.hero-logo { max-height:380px; max-width:90vw; width:auto; filter:brightness(1.08) drop-shadow(0 0 24px rgba(201,168,76,0.35)) drop-shadow(0 0 38px rgba(139,26,26,0.3)); margin:0.5rem 0; }
.hero-subtitle { font-family:var(--font-cinzel); font-size:10px; letter-spacing:8px; color:rgba(255,255,255,0.5); margin:1rem 0; }
.hero-quote { font-family:var(--font-serif); font-style:italic; font-size:19px; color:rgba(255,255,255,0.9); max-width:580px; margin:0 auto 1.5rem; text-shadow:0 2px 15px rgba(0,0,0,0.85); }
.hero-actions { max-width:480px; margin:0 auto; }

/* Sections */
.section { padding:80px 1rem; position:relative; }
.section-eyebrow { font-family:var(--font-cinzel); font-size:12px; letter-spacing:6px; color:var(--gold-dim); text-transform:uppercase; display:block; margin-bottom:1rem; }
.section-title { font-family:var(--font-cinzel); font-size:clamp(28px,4.5vw,48px); font-weight:800; color:#fff; margin-bottom:1rem; line-height:1.2; }
.section-title em { font-family:var(--font-serif); font-style:italic; font-weight:400; }
.section-subtitle { color:rgba(255,255,255,0.6); font-style:italic; max-width:600px; margin:0 auto; }
.gold-rule { width:80px; height:2px; background:var(--gold); margin:1rem 0; }

/* Trailer */
.trailer-section { background:linear-gradient(180deg,#0a0608,#120a16,#0a0608); }
.trailer-frame { max-width:780px; border:1px solid rgba(201,168,76,0.3); border-radius:16px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.6); }
.trailer-frame video { object-fit:cover; }

/* Countdown */
.countdown-section { background:linear-gradient(180deg,var(--spacebg),#120815,var(--spacebg)); }
.countdown-date { font-family:var(--font-cinzel); font-size:11px; letter-spacing:4px; color:rgba(240,208,128,0.7); text-transform:uppercase; margin-bottom:1.5rem; }
.countdown-grid { max-width:640px; margin:0 auto; }
.countdown-tile { padding:1.5rem 1rem; border-radius:20px; background:rgba(15,7,16,0.6); border:1px solid rgba(201,168,76,0.2); backdrop-filter:blur(6px); }
.cd-value { font-family:var(--font-cinzel); font-size:clamp(36px,7vw,60px); font-weight:800; color:var(--gold); text-shadow:0 0 18px rgba(201,168,76,0.45); font-variant-numeric:tabular-nums; }
.cd-label { font-family:var(--font-cinzel); font-size:11px; letter-spacing:4px; color:#aaa; text-transform:uppercase; margin-top:0.5rem; }

/* About */
.about-section { background:linear-gradient(180deg,var(--spacebg),#100713,var(--spacebg)); }
.about-lead { font-size:1.05rem; color:#ccc; line-height:1.75; }
.about-text { color:#999; line-height:1.75; }
.stat-card { padding:1.5rem; border-radius:18px; background:rgba(15,7,16,0.4); border:1px solid rgba(201,168,76,0.1); text-align:center; transition:border-color 0.3s; }
.stat-card:hover { border-color:rgba(201,168,76,0.3); }
.stat-num { font-family:var(--font-cinzel); font-size:32px; font-weight:800; color:var(--gold); }
.stat-label { font-family:var(--font-cinzel); font-size:10px; letter-spacing:2px; color:#666; text-transform:uppercase; margin-top:0.25rem; }

/* Theme */
.theme-section { background:#0f0710; }
.theme-section p { color:#ccc; line-height:1.75; font-size:1.05rem; }

/* Events */
.events-section { background:linear-gradient(180deg,#0a0608,#120a16); }
.event-card { background:rgba(10,6,8,0.5); border:1px solid rgba(201,168,76,0.15); border-radius:18px; cursor:pointer; transition:all 0.3s; color:#fff; }
.event-card:hover { transform:translateY(-6px); border-color:rgba(201,168,76,0.5); background:rgba(20,10,16,0.6); }
.event-icon { font-size:2.5rem; filter:drop-shadow(0 4px 6px rgba(0,0,0,0.5)); }
.event-tagline { font-family:var(--font-cinzel); font-size:10px; letter-spacing:2px; color:var(--gold-dim); text-transform:uppercase; }
.event-title { font-family:var(--font-cinzel); font-weight:700; color:#fff; transition:color 0.3s; }
.event-card:hover .event-title { color:var(--gold); }
.event-desc { color:#aaa; line-height:1.55; }
.event-footer { font-family:var(--font-cinzel); font-size:10px; letter-spacing:2px; color:var(--gold-dim); border-top:1px solid rgba(201,168,76,0.1); font-weight:700; }
.event-card:hover .event-footer { color:var(--gold); }

/* Brochure */
.brochure-section { background:linear-gradient(180deg,#050305,#120a16); }
.brochure-card { max-width:880px; padding:2.5rem 1.5rem; border-radius:24px; background:linear-gradient(180deg,#1c0f24,#0a0608); border:1px solid rgba(201,168,76,0.25); box-shadow:0 20px 60px rgba(0,0,0,0.6); text-align:center; }
.brochure-icon { font-size:3rem; margin-bottom:1rem; filter:drop-shadow(0 0 8px rgba(201,168,76,0.3)); }
.brochure-tabs .nav-link { font-family:var(--font-cinzel); font-size:11px; letter-spacing:2px; color:var(--gold-dim); background:transparent; border:1px solid rgba(201,168,76,0.2); margin:0 4px; }
.brochure-tabs .nav-link.active { background:linear-gradient(90deg,var(--gold-dim),var(--gold)); color:var(--spacebg); border-color:var(--gold); }
.modal-section-title { font-family:var(--font-cinzel); font-size:13px; letter-spacing:4px; color:var(--gold); text-transform:uppercase; margin-bottom:1rem; padding-bottom:0.5rem; border-bottom:1px solid rgba(201,168,76,0.1); }
.rules-list { list-style:none; padding-left:0; color:#bbb; font-size:14px; line-height:1.7; }
.rules-list li { padding:4px 0; }
.rules-list.two-col { display:grid; grid-template-columns:1fr; gap:0.4rem 1.5rem; }
@media (min-width: 768px) { .rules-list.two-col { grid-template-columns:1fr 1fr; } }
.score-block { padding:1.25rem; border-radius:14px; background:rgba(10,6,8,0.6); border:1px solid rgba(201,168,76,0.1); }
.score-block h5 { font-family:var(--font-cinzel); font-size:11px; letter-spacing:2px; text-transform:uppercase; margin-bottom:0.75rem; }
.score-list { list-style:none; padding:0; margin:0; }
.score-list li { display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px solid rgba(201,168,76,0.08); color:#ccc; font-size:14px; }
.score-list li:last-child { border:none; }
.deadline-pill { display:inline-block; padding:0.75rem 1.5rem; border-radius:12px; border:1px dashed rgba(201,168,76,0.4); background:var(--spacebg); font-family:var(--font-cinzel); font-size:11px; letter-spacing:3px; color:var(--gold-dim); text-transform:uppercase; }

/* Arena modal (events) */
.arena-modal { background:linear-gradient(180deg,#120a16,#0a0608); border:1px solid rgba(201,168,76,0.3); border-radius:20px; color:#fff; }
.arena-modal .modal-header { border-bottom:1px solid rgba(201,168,76,0.2); }
.arena-modal .modal-title { font-family:var(--font-cinzel); }
.theme-line { font-family:var(--font-serif); font-style:italic; color:var(--gold-light); border-left:2px solid rgba(201,168,76,0.4); padding-left:1rem; margin-bottom:1rem; }
.event-description { color:#bbb; font-style:italic; }
.meta-badge { background:rgba(15,7,16,0.6); border:1px solid rgba(201,168,76,0.15); color:var(--gold-light); font-family:var(--font-cinzel); font-size:10px; letter-spacing:2px; font-weight:normal; padding:0.5rem 0.75rem; }
.round-block { padding:1rem; border-radius:14px; background:rgba(9,5,11,0.6); border:1px solid rgba(201,168,76,0.15); border-left:3px solid var(--gold); margin-bottom:1rem; }
.round-block h5 { font-family:var(--font-cinzel); font-size:13px; color:var(--gold-light); font-weight:700; }
.round-block p { color:#aaa; font-size:13px; margin-bottom:0.5rem; }
.round-guidelines { list-style:none; padding-left:0.5rem; border-left:1px solid rgba(201,168,76,0.1); }
.round-guidelines li { font-size:12px; color:#888; padding:2px 0; }
.contact-group-label { font-family:var(--font-cinzel); font-size:10px; letter-spacing:2px; color:var(--gold-dim); text-transform:uppercase; margin-bottom:0.5rem; }
.contact-card { padding:0.85rem; border-radius:10px; background:rgba(10,6,8,0.4); border:1px solid rgba(201,168,76,0.1); margin-bottom:0.5rem; }
.contact-name { font-family:var(--font-cinzel); font-size:13px; color:#fff; font-weight:700; }
.contact-role { font-size:11px; color:#888; font-style:italic; }
.contact-email, .contact-phone { font-family:monospace; font-size:11px; color:var(--gold-light); margin-top:4px; word-break:break-all; }
.rewards-note { padding:1rem; border-radius:12px; background:rgba(201,168,76,0.05); border:1px solid rgba(201,168,76,0.15); color:var(--gold-light); font-size:13px; }

/* Brochure modal */
.brochure-modal-content { background:#0a0608; border:1px solid rgba(201,168,76,0.3); border-radius:16px; color:#fff; }
.brochure-modal-content .modal-header { border-bottom:1px solid rgba(201,168,76,0.2); }
.brochure-iframe { width:100%; height:80vh; border:0; background:#fff; }

/* Contact section */
.contact-section { background:var(--spacebg); }
.contact-card-main { background:rgba(14,7,17,0.6); border:1px solid rgba(201,168,76,0.15); color:#fff; border-radius:18px; }
.contact-icon { font-size:1.75rem; margin-bottom:0.5rem; }

/* Instagram */
.insta-section { background:linear-gradient(180deg,var(--spacebg),#050305); }
.insta-pill { display:inline-flex; align-items:center; gap:0.75rem; padding:0.85rem 1.75rem; border-radius:50px; border:1px solid rgba(201,168,76,0.25); background:rgba(15,7,16,0.8); color:#eee; text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,0.5); }
.insta-pill:hover { color:#fff; border-color:rgba(201,168,76,0.5); }
.insta-icon { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; background:linear-gradient(135deg,#f09433,#dc2743,#bc1888); }

/* Footer */
.site-footer { background:#050305; border-top:1px solid rgba(201,168,76,0.1); }
.footer-logo { height:60px; margin-bottom:0.75rem; filter:drop-shadow(0 0 12px rgba(201,168,76,0.25)); }
.footer-links { margin:1rem 0; }
.footer-links a { font-family:var(--font-cinzel); font-size:10px; letter-spacing:3px; color:#888; text-transform:uppercase; text-decoration:none; padding:0 4px; }
.footer-links a:hover { color:var(--gold); }
.footer-divider { color:rgba(122,96,48,0.4); letter-spacing:12px; opacity:0.4; margin:1rem 0; font-size:11px; }
.footer-copy { font-family:var(--font-cinzel); font-size:9px; color:#555; letter-spacing:3px; text-transform:uppercase; }

/* Mobile */
@media (max-width: 991.98px) {
  .crossroads-nav .navbar-collapse { background:rgba(10,6,8,0.97); padding:1rem; border-radius:12px; margin-top:0.75rem; }
  .crossroads-nav .nav-item { margin:6px 0; }
}
@media (max-width: 575.98px) {
  .section { padding:60px 1rem; }
  .hero-section { padding:130px 1rem 50px; }
  .brand-name { font-size:11px; letter-spacing:3px; }
  .brand-sub { font-size:7px; letter-spacing:4px; }
}