@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap");
:root { color-scheme: dark; }
html, body, button, input, select, textarea {
  font-family: "Sora", "Segoe UI", sans-serif !important;
}
body {
  background-color: #101614 !important;
  background-image:
    radial-gradient(900px 420px at 0% -10%, rgba(232, 192, 122, 0.16), transparent 55%),
    radial-gradient(800px 480px at 100% 0%, rgba(45, 156, 136, 0.16), transparent 50%),
    linear-gradient(180deg, #121a16 0%, #0d1210 100%) !important;
  background-size: auto !important;
  background-attachment: fixed !important;
  color: #e7eee9 !important;
}
body::before {
  content: "";
  position: fixed;
  left: 0; right: 0; top: 0;
  height: 3px;
  z-index: 4000;
  background: linear-gradient(90deg, #0f766e, #e8c07a 50%, #0f766e);
  pointer-events: none;
}
.frontend-header,
header.frontend-header,
.frontend-header.htr-header,
.frontend-header .topbar,
.frontend-header .htr-topbar,
.frontend-header .header-top,
.frontend-header .header-nav,
.frontend-header.htr-header .header-nav {
  background: #14211c !important;
  border-color: #24352e !important;
}
.frontend-header .htr-topbar,
.frontend-header .topbar.htr-topbar {
  background: #0f1916 !important;
}
.frontend-header.htr-header {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28) !important;
  border-bottom: 1px solid #2a4037 !important;
}
.htr-util-link { color: #d5e4dc !important; letter-spacing: 0.08em !important; }
.htr-special-btn .htr-gem {
  background: linear-gradient(135deg, #f0d7a4, #c4843c) !important;
  box-shadow: 0 0 10px rgba(212, 160, 84, 0.45) !important;
}
.frontend-header.htr-header .header-search-box {
  background: #1c2b25 !important;
  border: 1px solid #345248 !important;
  border-radius: 14px !important;
}
.frontend-header.htr-header .header-search-box:hover,
.frontend-header.htr-header .header-search-box:focus-within {
  border-color: #e8c07a !important;
  box-shadow: 0 0 0 3px rgba(232, 192, 122, 0.16) !important;
}
.frontend-header.htr-header .header-search-btn {
  background: #24584e !important;
  color: #f3d7a1 !important;
  border-radius: 10px !important;
}
.htr-btn { border-radius: 12px !important; }
.htr-btn-pass, .frontend-header.htr-header .htr-btn-pass { background: #24584e !important; }
.htr-btn-register, .frontend-header.htr-header .btn-register.htr-btn-register { background: #c4843c !important; color: #1a1208 !important; }
.htr-btn-login, .frontend-header.htr-header .btn-login.htr-btn-login { background: #e8c07a !important; color: #1a1208 !important; }
.htr-btn-login:hover, .htr-btn-register:hover { color: #1a1208 !important; }
.header-add-btn, .htr-btn-add {
  background: transparent !important;
  color: #f3d7a1 !important;
  border: 1px solid #e8c07a !important;
  border-radius: 12px !important;
}
.htr-word-orange, .htr-word-accent { color: #8ee0cf !important; }
.hd-badge-hex {
  background: linear-gradient(160deg, #d8fff6 0%, #5ee0c0 42%, #0f766e 100%) !important;
}
.hd-badge { filter: drop-shadow(0 6px 10px rgba(15, 118, 110, 0.35)) !important; }
.listings-grid > .listing-card,
.listings-grid a.listing-card {
  background: linear-gradient(180deg, #1b2a24 0%, #121c18 100%) !important;
  border: 1px solid rgba(232, 192, 122, 0.28) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}
.listings-grid > .listing-card:hover,
.listings-grid a.listing-card:hover {
  border-color: #e8c07a !important;
  box-shadow: 0 16px 34px rgba(196, 132, 60, 0.2) !important;
}
.category-card {
  background: #18241f !important;
  border: 1px solid #2d463c !important;
  border-radius: 14px !important;
  color: #e7eee9 !important;
}
.category-card:hover { border-color: #e8c07a !important; }
.site-footer, footer.site-footer {
  background: #0f1916 !important;
  color: #d5e4dc !important;
  border-top: 1px solid #2a4037 !important;
}
.footer-link, .site-footer a { color: #d7e6df !important; }
.footer-title { color: #f3d7a1 !important; }
a { text-underline-offset: 2px; }
@media (max-width: 768px) {
  .frontend-header.htr-header .header-search-box { border-radius: 12px !important; }
}

img.hero-brand { display: none !important; }
.page { background: #101614 !important; }
.page::before { background: none !important; }
.page::after {
  background: linear-gradient(180deg, rgba(16,22,20,.2), rgba(16,22,20,.72)) !important;
}
.card, .page .card {
  background: #16211c !important;
  border: 1px solid #345248 !important;
  border-radius: 20px !important;
}
.steps-title, .steps-subtitle { color: #f3d7a1 !important; }
.step { background: #14211c !important; border-color: #2d463c !important; }
.htr-login-card h3, .login-page-card h3 { color: #f4efe4 !important; }
.frontend-header,
header.frontend-header,
.frontend-header.htr-header,
.frontend-header .header-top,
.frontend-header .header-nav,
.frontend-header.htr-header .header-nav {
  background: #1b4f43 !important;
}
.frontend-header .htr-topbar,
.frontend-header .topbar.htr-topbar {
  background: #12382f !important;
}
.frontend-header.htr-header {
  border-bottom: 3px solid #e8c07a !important;
}
.htr-login-submit {
  background: #c4843c !important;
  color: #1a1208 !important;
  border: 0 !important;
  border-radius: 14px !important;
}
.page::before { display: none !important; }
body.auth-body, body { background-image: none !important; }