:root{
  --bg:#0b0b0c;
  --bg-alt:#111113;
  --text:#f4f4f5;
  --muted:#c9c9cf;
  --gold:#d4af37;
  --gold-2:#b8941f;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: var(--bg);
  color: var(--text);
}
a{color: var(--gold)}
a:hover{color: var(--gold-2)}
.navbar{z-index:1100; background: rgba(0,0,0,.85)!important; backdrop-filter: blur(6px)}
.navbar .nav-link{color:#ddd; opacity:.9}
.navbar .nav-link.active, .navbar .nav-link:hover{color: var(--gold); opacity:1}
.brand-gold{color: var(--gold)}
.btn-gold{
  --bs-btn-color:#000; --bs-btn-bg:var(--gold); --bs-btn-border-color:var(--gold);
  --bs-btn-hover-bg:var(--gold-2); --bs-btn-hover-border-color:var(--gold-2);
}
.btn-outline-gold{
  --bs-btn-color:var(--gold); --bs-btn-border-color:var(--gold);
  --bs-btn-hover-bg:var(--gold); --bs-btn-hover-border-color:var(--gold); --bs-btn-hover-color:#000;
}
.section{padding: 4rem 0}
.section-light{background: var(--bg-alt)}
.hero{ background: transparent; padding-top: 7rem; padding-bottom: 4rem; }
.badge-soft{background: rgba(212,175,55,.1); color: var(--gold); border: 1px solid rgba(212,175,55,.3); padding:.35rem .6rem; border-radius: .6rem; font-size:.8rem}
.card{
  background: linear-gradient(180deg, #141416, #0f0f11);
  border: 1px solid #1d1d22; color: var(--text);
  border-radius: 1rem;
}
.card .card-title{color:#fff}
.card .text-muted{color: var(--muted)!important}
.iconbox{
  width: 3rem; height: 3rem; display:flex; align-items:center; justify-content:center;
  border-radius:.8rem; background: rgba(212,175,55,.1); color: var(--gold); font-size:1.25rem;
}
.footer{background:#000}
hr.divider{border-color:#26262c}
.small-muted{color: var(--muted); font-size:.9rem}
input.form-control, textarea.form-control, select.form-select{
  background:#0e0e10; border-color:#2a2a30; color:#fff;
}
input.form-control:focus, textarea.form-control:focus, select.form-select:focus{
  background:#0e0e10; border-color: var(--gold); box-shadow: 0 0 0 .2rem rgba(212,175,55,.2);
}
.table-darkgold{
  --bs-table-bg: #0f0f11; --bs-table-border-color:#25252b; --bs-table-color:#e6e6e9;
}

/* Watermark */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  background: url('./logo.png') no-repeat center 18%;
  background-size: min(70vmin, 800px);
  opacity: .08;
  pointer-events: none;
  filter: grayscale(10%);
  z-index: 0;
}
.navbar, header, main, footer { position: relative; }
header, main, footer{ z-index: 1; }

/* Mobile tweaks */
@media (max-width: 767.98px){
  .hero{ padding-top: 6rem; padding-bottom: 2.5rem; }
  .display-5{ font-size: 1.9rem; }
  .lead{ font-size: 1rem; }
  .section{ padding: 2.5rem 0; }
  body::before{ opacity: .07; background-position: center 12%; }
  header .btn{ width:100%; } header .btn + .btn{ margin-left:0; margin-top:.5rem; }
  .iconbox{ width:2.5rem; height:2.5rem; font-size:1.1rem; }
}
@media (max-width: 575.98px){
  .display-5{ font-size: 1.6rem; }
  .container{ padding-left: 1rem; padding-right: 1rem; }
}
.hero .display-5, .hero .lead { text-shadow: 0 1px 6px rgba(0,0,0,.35); }

.navbar-brand img { max-height: 42px; width: auto; }

.dropdown-menu{ z-index: 2000; }

.navbar .nav-link.active { color: var(--gold) !important; }