:root{
  --royal-gold:#b08d57; --royal-gold-2:#c8a86e;
  --deep-navy:#0a0f1a; --navy-2:#0e1420; --navy-3:#111726;
  --text:#f5f5f5; --muted:#d0c7b5;
  --lion-url:url('https://upload.wikimedia.org/wikipedia/commons/4/4e/Lion_of_Judah.svg');
}
html{scroll-behavior:smooth}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  background:var(--deep-navy); color:var(--text);
}
body::before{content:"";position:fixed;inset:0;z-index:-1;
  background-image:var(--lion-url);background-repeat:repeat;background-size:320px;
  opacity:.035;pointer-events:none}
.navbar{backdrop-filter:blur(6px);background:rgba(10,15,26,.68);
  border-bottom:1px solid rgba(176,141,87,.25)}
.navbar .nav-link{color:#fff;font-weight:600;letter-spacing:.3px}
.navbar .nav-link:hover{color:var(--royal-gold)}
.btn-gold{background:var(--royal-gold);color:#111;border:none;font-weight:700;
  padding:.65rem 1rem;border-radius:.55rem;box-shadow:0 6px 22px rgba(176,141,87,.35)}
.btn-gold:hover{background:var(--royal-gold-2);color:#111}
section{padding:4rem 0}
.bg-navy-2{background:var(--navy-2)} .bg-navy-3{background:var(--navy-3)}
.section-title{color:var(--royal-gold);text-transform:uppercase;letter-spacing:1.5px;font-weight:800;margin-bottom:1rem}
.section-sub{color:var(--muted);max-width:880px;margin:0 auto 2rem}
.card.soft{background:rgba(176,141,87,.08);border:1px solid rgba(176,141,87,.35);
  border-radius:1rem;transition:.25s ease}
.card.soft:hover{transform:translateY(-6px);background:rgba(176,141,87,.13)}
footer.covenant{background:linear-gradient(135deg,var(--royal-gold) 0%,var(--deep-navy) 100%);position:relative;overflow:hidden;color:#fff}
footer.covenant::before{content:"";position:absolute;inset:0;background-image:var(--lion-url);
  background-repeat:no-repeat;background-position:center;background-size:620px;opacity:.05}
footer small{color:var(--muted)}
.hero-min{padding:6rem 0 3rem;background:linear-gradient(135deg,var(--royal-gold) 0%,var(--deep-navy) 55%,#04070c 100%);
  border-bottom:1px solid rgba(176,141,87,.25)}
.hero-min h1{color:#fff;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:#fff}
.table-theme th, .table-theme td{border-color:rgba(176,141,87,.35);color:#fff}
/* === Contact Form — Quallstek Native Styling === */

.contact-card {
  background: var(--navy-deep);
  color: var(--text-light);
  transition: box-shadow .25s ease;
}

.contact-card label {
  color: var(--gold-main);
  font-weight: 500;
}

.form-control,
textarea {
  background-color: var(--navy-main);
  color: var(--text-light);
  border: 1px solid #2a315f;
  transition: 
    border-color .25s ease,
    box-shadow .25s ease,
    background-color .25s ease;
}

.form-control::placeholder,
textarea::placeholder {
  color: var(--text-muted);
}

.form-control:focus,
textarea:focus {
  background-color: var(--navy-main);
  border-color: var(--gold-main);
  box-shadow: 0 0 0 .15rem rgba(240,233,178,.35);
  color: #fff;
}

.btn-submit {
  background: linear-gradient(135deg, var(--gold-main), var(--gold-dark));
  color: var(--navy-main);
  font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease;
}

.btn-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}