:root {
      --primary: #0f3f9f;
      --primary-dark: #0a317d;
      --primary-soft: #edf4ff;
      --sky: #19a9e5;
      --accent: #d4c36f;
      --text: #1e2f53;
      --muted: #71809a;
      --bg: #f3f5f8;
      --white: #ffffff;
      --success: #15a56d;
      --container: 1300px;
      --shadow-sm: 0 10px 24px rgba(15, 63, 159, 0.08);
      --shadow-md: 0 20px 50px rgba(15, 63, 159, 0.12);
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { font-family: "Inter", sans-serif; background: var(--bg); color: var(--text); overflow-x: hidden; }
    img { max-width: 100%; display: block; }
    a { text-decoration: none; color: inherit; }
    button, input { font-family: inherit; }
    .container { width: min(var(--container), calc(100% - 32px)); margin: 0 auto; }

    .site-header { width: 100%; background: #fff; border-bottom: 1px solid rgba(23,37,84,0.06); position: sticky; top: 0; z-index: 999; }
    .nav-inner { width: 100%; min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 0 28px; }
    .brand { flex-shrink: 0; display: flex; align-items: center; }
    .brand img { width: 188px; height: auto; object-fit: contain; }
    .main-nav { flex: 1; display: flex; justify-content: center; min-width: 0; }
    .nav-list { list-style: none; display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
    .nav-item { position: relative; }
    .nav-link { min-height: 44px; display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; border-radius: 999px; border: 1px solid transparent; color: #26344c; font-size: 15px; font-weight: 800; white-space: nowrap; transition: all 0.25s ease; }
    .nav-link:hover, .nav-item:hover > .nav-link { color: var(--primary); background: rgba(15,63,159,0.05); border-color: rgba(15,63,159,0.08); }
    .nav-link.active { color: #1498d9; }
    .nav-icon, .dropdown-arrow { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; fill: none; transition: transform 0.25s ease; }
    .dropdown-arrow { display: none; }
    .nav-item:hover .nav-icon { transform: rotate(180deg); }
    .dropdown { position: absolute; top: calc(100% + 10px); left: 0; min-width: 245px; background: #fff; border: 1px solid rgba(20,37,74,0.08); border-radius: 18px; padding: 10px; box-shadow: 0 18px 42px rgba(17,37,74,0.12); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.25s ease; }
    .nav-item:hover .dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
    .dropdown a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: 12px; color: #33435f; font-size: 14px; font-weight: 700; transition: all 0.2s ease; }
    .dropdown a:hover { background: rgba(15,63,159,0.06); color: var(--primary); }
    .nav-cta { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
    .phone-box { text-align: right; line-height: 1.12; }
    .phone-label { display: block; font-size: 12px; font-weight: 700; color: #526179; }
    .phone-number { display: block; font-size: 18px; font-weight: 900; color: #1b3055; }
    .book-btn { min-height: 54px; padding: 0 28px; border-radius: 999px; border: none; background: linear-gradient(180deg,#1bb9ee 0%,#0d88d9 100%); color: #fff; font-size: 16px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 12px 26px rgba(13,136,217,0.18); transition: 0.25s ease; }
    .book-btn:hover { transform: translateY(-1px); }
    #nav-toggle { display: none; }
    .menu-toggle { display: none; width: 46px; height: 46px; border-radius: 14px; border: 1px solid rgba(17,37,74,0.12); background: #fff; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
    .menu-toggle svg { width: 22px; height: 22px; stroke: #23324c; stroke-width: 2.1; fill: none; }