:root {
  --fen-dark: #0f0b0b;
  --fen-dark-2: #181212;
  --fen-dark-3: #221919;
  --fen-card: rgba(255,255,255,0.06);
  --fen-gold: #d7a86c;
  --fen-gold-dark: #b9894d;
  --fen-text: #f8f1e8;
  --fen-muted: #d6c8ba;
  --fen-line: rgba(255,255,255,0.12);
  --fen-success: #b9d999;
  --shadow-lg: 0 20px 50px rgba(0,0,0,.28);
}

html { scroll-behavior: smooth; }
body {
  font-family: "Segoe UI", Arial, sans-serif;
  color: var(--fen-text);
  background:
    radial-gradient(circle at top right, rgba(215,168,108,.10), transparent 18%),
    linear-gradient(180deg, #0a0808 0%, #141010 50%, #0e0b0b 100%);
}
body.page-offset { padding-top: 82px; }
a { text-decoration: none; }
img { max-width: 100%; }
.text-gold { color: var(--fen-gold) !important; }
.text-muted-custom { color: var(--fen-muted) !important; }
.bg-soft { background: rgba(255,255,255,.03); }
.border-soft { border: 1px solid var(--fen-line); }
.rounded-4x { border-radius: 1.4rem; }
.shadow-soft { box-shadow: var(--shadow-lg); }

.navbar-custom {
  background: rgba(10, 8, 8, 0.85);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--fen-line);
}

.navbar-brand { color:#fff !important; font-weight: 700; letter-spacing:.4px; }
.navbar-brand small {
  display:block; font-size:.72rem; font-weight:500; letter-spacing:1.6px; text-transform:uppercase; color:var(--fen-muted);
}
.nav-link { color:#f6ecdf !important; opacity:.92; }
.nav-link:hover, .nav-link.active { color:var(--fen-gold) !important; }

.btn-gold {
  background: linear-gradient(135deg, var(--fen-gold), var(--fen-gold-dark));
  color: #1b130f;
  border: none;
  font-weight: 700;
  border-radius: 999px;
  padding: .8rem 1.4rem;
}
.btn-gold:hover {
  color: #1b130f; filter: brightness(1.04); transform: translateY(-1px);
}
.btn-outline-gold {
  border: 1px solid rgba(215,168,108,.45);
  color: var(--fen-text);
  border-radius: 999px;
  padding: .8rem 1.4rem;
  background: rgba(255,255,255,.03);
}
.btn-outline-gold:hover {
  border-color: var(--fen-gold); color: var(--fen-gold); background: rgba(255,255,255,.04);
}

.hero {
  position: relative;
  min-height: 92vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero.hero-home::before,
.hero.hero-inner::before {
  content:""; position:absolute; inset:0; z-index:-2; transform:scale(1.03);
}
.hero-home::before {
  background:
    linear-gradient(90deg, rgba(8,7,7,.90) 0%, rgba(8,7,7,.48) 38%, rgba(8,7,7,.38) 100%),
    url('../img/fenomen-2026-main.jpg') center/cover no-repeat;
}
.hero-inner::before {
  background:
    linear-gradient(90deg, rgba(8,7,7,.90) 0%, rgba(8,7,7,.74) 40%, rgba(8,7,7,.45) 100%),
    url('../img/promo.jpg') center/cover no-repeat;
}
.hero::after {
  content:""; position:absolute; left:0; right:0; bottom:0; height:180px; background:linear-gradient(180deg, transparent, rgba(14,11,11,1)); z-index:-1;
}
.hero-badge {
  display:inline-block; padding:.55rem 1rem; border-radius:999px; border:1px solid rgba(215,168,108,.38); background:rgba(255,255,255,.04); color:var(--fen-gold); font-size:.82rem; letter-spacing:1.4px; text-transform:uppercase; margin-bottom:1.2rem;
}
.hero-title { font-size: clamp(2.5rem, 6vw, 5rem); line-height:1.02; font-weight:800; margin-bottom:1.2rem; }
.hero-subtitle { max-width:700px; color:#f0e4d7; font-size:1.08rem; margin-bottom:1.8rem; }
.pill-list { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.4rem; }
.pill-item { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); border-radius:999px; padding:.65rem 1rem; font-size:.92rem; color:#f7ebdd; }
.glass-card, .feature-card, .contact-card, .form-card, .info-card, .content-card, .gallery-card, .member-card, .timeline-card, .quote-card {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--fen-line);
  border-radius: 1.4rem;
  box-shadow: var(--shadow-lg);
}
.glass-card, .contact-card, .form-card, .info-card, .content-card, .timeline-card, .quote-card { padding: 1.7rem; }
.section-padding { padding: 3.3rem 0; }
.section-pretitle { text-transform:uppercase; letter-spacing:1.4px; color:var(--fen-gold); font-size:.83rem; margin-bottom:.6rem; }
.section-title { font-size: clamp(2rem, 4vw, 3rem); font-weight:800; margin-bottom:.9rem; }
.section-text { color:var(--fen-muted); max-width:760px; }
.feature-card { padding: 1.6rem; height:100%; }
.feature-icon {
  width:58px;height:58px;border-radius:1rem;display:inline-flex;justify-content:center;align-items:center;background:rgba(215,168,108,.14);border:1px solid rgba(215,168,108,.24);color:var(--fen-gold);font-size:1.4rem;margin-bottom:1rem;
}
.feature-card h3 { font-size:1.2rem; margin-bottom:.8rem; }
.feature-card p { color:var(--fen-muted); margin-bottom:0; }
.video-box {
  min-height:360px; border-radius:1.5rem; overflow:hidden; position:relative;
  background: linear-gradient(rgba(10,10,10,.28), rgba(10,10,10,.35)), url('../img/promo.jpg') center/cover no-repeat;
  border:1px solid var(--fen-line); box-shadow: var(--shadow-lg);
}
.play-circle {
  width:90px;height:90px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:#101010;font-size:1.8rem;
}
.check-list { list-style:none; padding-left:0; margin-top:1.4rem; }
.check-list li { position:relative; padding-left:1.8rem; margin-bottom:.9rem; color:#f2e7da; }
.check-list li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--fen-gold); font-weight:700; }
.gallery-card { overflow:hidden; background:#131010; height:100%; }
.gallery-card img, .member-card img { width:100%; object-fit:cover; display:block; }
.gallery-card img { height:250px; transition: transform .45s ease; }
.gallery-card:hover img { transform: scale(1.05); }
.gallery-body { padding:1rem 1.1rem 1.2rem; }
.year-badge {
  display:inline-block; font-size:.78rem; color:var(--fen-gold); border:1px solid rgba(215,168,108,.3); border-radius:999px; padding:.35rem .75rem; margin-bottom:.7rem;
}
.member-card { overflow:hidden; background:#131010; height:100%; }
.member-card img { height:auto; }
.member-card .card-body { padding:1.2rem; }
.member-role { color:var(--fen-gold); font-size:.9rem; font-weight:600; }
.cta-box {
  padding:2.2rem; border-radius:1.8rem; background:linear-gradient(135deg, rgba(215,168,108,.16), rgba(255,255,255,.04)); border:1px solid rgba(215,168,108,.22); box-shadow: var(--shadow-lg);
}
.contact-label { color:var(--fen-gold); font-weight:700; display:block; margin-bottom:.2rem; }
.contact-value, .contact-value a { color:#f5ebdf; }
.form-control, .form-select {
  background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); color:var(--fen-text); border-radius:1rem; padding:.9rem 1rem;
}
.form-control::placeholder { color:#cdbfb0; }
.form-control:focus, .form-select:focus {
  background: rgba(255,255,255,.05); color:var(--fen-text); border-color:rgba(215,168,108,.45); box-shadow: 0 0 0 .2rem rgba(215,168,108,.14);
}
.form-select option { color:#111; }
.alert-success-custom {
  background: rgba(185,217,153,.08); color:#e7f2dc; border:1px solid rgba(185,217,153,.28); border-radius:1rem;
}
.breadcrumb-custom .breadcrumb-item,
.breadcrumb-custom .breadcrumb-item a { color: var(--fen-muted); }
.breadcrumb-custom .breadcrumb-item.active { color: #fff; }
.breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before { color: var(--fen-muted); }
.stats-box { background: rgba(255,255,255,.03); border:1px solid var(--fen-line); border-radius:1.1rem; padding:1rem; height:100%; }
.stats-box .value { font-size:1.65rem; font-weight:800; color:#fff; }
.stats-box .label { font-size:.9rem; color:var(--fen-muted); }
.accordion-item.custom-accordion {
  background: rgba(255,255,255,.03);
  border:1px solid var(--fen-line);
  color:var(--fen-text);
  border-radius:1rem !important;
  overflow:hidden;
}
.accordion-item.custom-accordion + .accordion-item.custom-accordion { margin-top: .9rem; }
.accordion-button {
  background: rgba(255,255,255,.03);
  color: var(--fen-text);
  font-weight: 700;
}
.accordion-button:not(.collapsed) {
  background: rgba(215,168,108,.09);
  color: #fff;
  box-shadow:none;
}
.accordion-button:focus { box-shadow:none; }
.accordion-button::after { filter: invert(1) sepia(.15) saturate(.4); }
.timeline { position: relative; padding-left: 1.3rem; }
.timeline::before {
  content:""; position:absolute; left:.35rem; top:.3rem; bottom:.3rem; width:2px; background:linear-gradient(180deg, rgba(215,168,108,.05), rgba(215,168,108,.75), rgba(215,168,108,.05));
}
.timeline-item { position:relative; padding-left:1.6rem; margin-bottom:1.4rem; }
.timeline-item::before {
  content:""; position:absolute; left:-.08rem; top:.35rem; width:.9rem; height:.9rem; border-radius:50%; background:var(--fen-gold); box-shadow:0 0 0 6px rgba(215,168,108,.12);
}
.footer { border-top:1px solid var(--fen-line); color:var(--fen-muted); }
.footer a { color:var(--fen-gold); }
.small-note { color: var(--fen-muted); font-size:.92rem; }
.list-clean { padding-left: 1.1rem; }
.list-clean li { margin-bottom: .6rem; color: var(--fen-muted); }
.badge-soft { background: rgba(215,168,108,.10); color: var(--fen-gold); border:1px solid rgba(215,168,108,.24); }

@media (max-width: 991.98px) {
  .hero { min-height:auto; padding-top:7rem; padding-bottom:4rem; }
  .hero-content { margin-bottom:2rem; }
  body.page-offset { padding-top: 76px; }
}
@media (max-width: 575.98px) {
  .hero-title { font-size: 2.4rem; }
  .glass-card, .feature-card, .contact-card, .form-card, .info-card, .content-card, .cta-box, .timeline-card, .quote-card { padding: 1.25rem; }
}

.social-matt{float:left; padding:10px;}
.a-matt{color: var(--fen-gold) !important;}