:root{
  --bg:#0b0f14;
  --card:#101723;
  --muted:#9aa6b2;
  --gold:#d6b46b;
  --gold2:#b9924a;
  --line:rgba(255,255,255,.08);
}
*{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial}
body{background:linear-gradient(180deg,#070a0f 0%, #0b0f14 45%, #070a0f 100%); color:#e8eef6;}
a{color:inherit}
.topbar{background:rgba(255,255,255,.05); border-bottom:1px solid var(--line);}
.iconlink{
  width:34px;height:34px;display:grid;place-items:center;
  border:1px solid var(--line); border-radius:999px;
  color:#fff; text-decoration:none;
  transition:.2s ease;
}
.iconlink:hover{transform:translateY(-1px); border-color:rgba(214,180,107,.5); color:var(--gold);}
.glass-nav{
  background:rgba(10,14,20,.65);
  backdrop-filter: blur(12px);
  border-bottom:1px solid var(--line);
}
.brand-dot{
  display:inline-block; width:10px; height:10px; margin-right:10px;
  background:linear-gradient(135deg,var(--gold),#fff0c8);
  border-radius:99px; box-shadow:0 0 18px rgba(214,180,107,.35);
}
.navbar .nav-link{color:rgba(255,255,255,.78);}
.navbar .nav-link:hover{color:#fff;}
.btn-gold{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  border:0; color:#0b0f14; font-weight:800;
  box-shadow:0 10px 30px rgba(214,180,107,.15);
}
.btn-gold:hover{filter:brightness(1.05);}
.hero{position:relative; overflow:hidden; border-bottom:1px solid var(--line);}
.hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(900px 500px at 15% 10%, rgba(214,180,107,.18), transparent 60%),
    radial-gradient(900px 500px at 85% 0%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.35));
  z-index:1;
}
.hero-bg{
  position:absolute; inset:0; z-index:0;
}
.hero-img{height:100%; object-fit:cover; filter:saturate(1.05) contrast(1.05); transform:scale(1.02);}
.hero .container{position:relative; z-index:2; padding:90px 0 70px;}
.kicker{color:var(--gold); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.8rem;}
.h-title{font-size:clamp(2rem,4vw,3.2rem); font-weight:900; line-height:1.05;}
.h-sub{color:rgba(255,255,255,.75); max-width:56ch;}
.cardx{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 14px 40px rgba(0,0,0,.25);
}
.badge-soft{
  background:rgba(214,180,107,.12);
  border:1px solid rgba(214,180,107,.25);
  color:#ffe7b0;
  border-radius:999px;
}
.section{padding:60px 0;}
.section h2{font-weight:900;}
.section p{color:rgba(255,255,255,.72);}
.gallery-img{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  border-radius:16px; border:1px solid var(--line);
  transition:.2s ease;
}
.gallery-img:hover{transform:translateY(-2px); border-color:rgba(214,180,107,.45);}
.form-control, .form-select{
  background:rgba(255,255,255,.04)!important;
  border:1px solid var(--line)!important;
  color:#e8eef6!important;
}
.form-control:focus{
  box-shadow:0 0 0 .25rem rgba(214,180,107,.18)!important;
  border-color:rgba(214,180,107,.45)!important;
}
.footer{background:rgba(255,255,255,.03); border-top:1px solid var(--line);}
.footer-link{color:rgba(255,255,255,.72); text-decoration:none;}
.footer-link:hover{color:#fff;}
.small-muted{color:rgba(255,255,255,.65);}


/* NAV polish */
.brand-wrap{display:flex;align-items:center;gap:10px}
.brand-logo{height:44px;width:auto;display:block}
@media (max-width: 576px){.brand-logo{height:38px}}
.navbar .nav-link{
  position:relative;
  padding:.6rem .9rem;
  border-radius:999px;
  transition:.2s ease;
}
.navbar .nav-link:hover{
  background:rgba(255,255,255,.06);
}
.navbar .nav-link.active{
  background:rgba(214,180,107,.14);
  border:1px solid rgba(214,180,107,.22);
  color:#fff;
}