:root {
  --brand-primary: #1baea8;
  --brand-black: #000000;
  --brand-white: #ffffff;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: #111; background: #fff; }
a { color: var(--brand-primary); text-decoration: none; }
header.site-header { position: sticky; top: 0; background: rgba(255,255,255,0.9); backdrop-filter: saturate(180%) blur(8px); border-bottom: 1px solid #eee; z-index: 1000; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.navbar { display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 14px 0; }
.navbar .brand { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 18px; color: #000; }
.navbar ul { list-style: none; display: flex; gap: 14px; margin: 0; padding: 0; }
.navbar li a { padding: 8px 10px; border-radius: 12px; }
.navbar li a:hover { background: rgba(27,174,168,0.08); }
main { padding: 28px 0 48px; }
footer.site-footer { border-top: 1px solid #eee; padding: 28px 0; background: #fafafa; color: #444; }
.footer-meta { font-size: 12px; color: #666; }
.hero { background: linear-gradient(135deg, rgba(27,174,168,0.08), rgba(27,174,168,0.02)); border: 1px solid rgba(27,174,168,0.15); padding: 24px; border-radius: 18px; }
.hidden { display: none !important; }
.currency-switcher { display:flex; gap:8px; align-items:center; font-size: 14px; color:#444; }
.currency-switcher select { padding:6px 8px; border-radius:10px; border:1px solid #e4e4e7; background:#fff; }
.q-price { font-variant-numeric: tabular-nums; }
@media (max-width: 768px) {
  .navbar ul { overflow-x: auto; }
}


/* Extracted from original pages */
/* no inline css found */