/* ===== HostOlive brand layer ===== */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Manrope:wght@400;500;600;700&display=swap');
:root,[data-bs-theme=dark],[data-bs-theme=light]{
  --bs-primary:#00d5be;--bs-primary-rgb:0,213,190;--bs-primary-text-emphasis:#13ecc9;
  --bs-link-color:#00d5be;--bs-link-color-rgb:0,213,190;--bs-link-hover-color:#13ecc9;
  --bs-body-bg:#0a1320;--bs-body-color:#e6eef8;--bs-body-color-rgb:230,238,248;--bs-emphasis-color:#ffffff;
  --bs-secondary-bg:#101e32;--bs-secondary-color:#9db2cc;--bs-tertiary-bg:#0e1a2b;
  --bs-border-color:#1c3350;--bs-border-color-translucent:rgba(28,51,80,.6);
  --bs-border-radius:14px;--bs-border-radius-lg:18px;--bs-border-radius-sm:10px;--bs-border-radius-xl:22px;
  --bs-font-sans-serif:'Manrope',system-ui,sans-serif;
  --ho-navy:#0a1320;--ho-panel:#101e32;--ho-teal:#00d5be;--ho-teal2:#13ecc9;--ho-border:#1c3350;
}
body{background:var(--ho-navy)!important;color:var(--bs-body-color);font-family:'Manrope',system-ui,sans-serif;
  background-image:radial-gradient(1100px 520px at 85% -10%,rgba(0,213,190,.10),transparent 60%),radial-gradient(760px 420px at -5% 5%,rgba(143,209,79,.05),transparent 55%);background-attachment:fixed;}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.navbar-brand{font-family:'Sora','Manrope',sans-serif;font-weight:700;letter-spacing:-.01em}
header,.navbar{background:rgba(14,26,43,.85)!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--ho-border)!important}
.navbar-brand,.navbar .nav-link{color:#eaf2fb!important}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--ho-teal)!important}
.card,.list-group,.list-group-item,.dropdown-menu,.modal-content,.offcanvas,.accordion-item,.accordion-button{background-color:var(--ho-panel)!important;border-color:var(--ho-border)!important;color:var(--bs-body-color)}
.card{border-radius:var(--bs-border-radius-lg)!important;box-shadow:0 18px 50px -30px rgba(0,0,0,.7)}
.card-header{background:transparent!important;border-bottom:1px solid var(--ho-border)!important;font-family:'Sora',sans-serif;font-weight:700}
.btn{border-radius:999px;font-weight:700}
.btn-primary{--bs-btn-bg:#00d5be;--bs-btn-border-color:#00d5be;--bs-btn-color:#022a26;--bs-btn-hover-bg:#13ecc9;--bs-btn-hover-border-color:#13ecc9;--bs-btn-hover-color:#022a26;--bs-btn-active-bg:#13ecc9;--bs-btn-active-border-color:#13ecc9;--bs-btn-active-color:#022a26;background-image:linear-gradient(135deg,#00d5be,#13ecc9);border:0;box-shadow:0 10px 26px -12px rgba(0,213,190,.6)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-outline-primary{--bs-btn-color:#00d5be;--bs-btn-border-color:#00d5be;--bs-btn-hover-bg:#00d5be;--bs-btn-hover-border-color:#00d5be;--bs-btn-hover-color:#022a26}
.btn-secondary{--bs-btn-bg:#13243b;--bs-btn-border-color:#1c3350;--bs-btn-color:#eaf2fb;--bs-btn-hover-bg:#1c3350;--bs-btn-hover-border-color:#24456b;--bs-btn-hover-color:#fff}
a,.text-primary,.link-primary{color:var(--ho-teal)!important}a:hover{color:var(--ho-teal2)!important}
.bg-primary,.text-bg-primary,.badge.bg-primary,.badge.text-bg-primary{background-color:var(--ho-teal)!important;color:#022a26!important}
.alert-primary{background-color:rgba(0,213,190,.1)!important;border-color:rgba(0,213,190,.3)!important;color:#9ff3e7!important}
.form-control,.form-select,.input-group-text{background-color:#0c1626!important;border-color:var(--ho-border)!important;color:#eaf2fb!important;border-radius:10px}
.form-control:focus,.form-select:focus{border-color:var(--ho-teal)!important;box-shadow:0 0 0 .25rem rgba(0,213,190,.22)!important}
.form-control::placeholder{color:#6f87a4}
.table{--bs-table-bg:transparent;--bs-table-color:var(--bs-body-color);--bs-table-border-color:var(--ho-border)}
.table>:not(caption)>*>*{border-bottom-color:var(--ho-border)}
hr{border-color:var(--ho-border)}
.progress{background-color:#0c1626}.progress-bar{background-color:var(--ho-teal)}
.nav-pills .nav-link.active{background-color:var(--ho-teal)!important;color:#022a26!important}
.page-link{background:var(--ho-panel);border-color:var(--ho-border);color:var(--ho-teal)}
.page-item.active .page-link{background:var(--ho-teal);border-color:var(--ho-teal);color:#022a26}
footer{border-top:1px solid var(--ho-border);color:#6f87a4}