#ui89be221ad {
        background: var(--background-tertiary);
        border-bottom: 1px solid var(--neutral-150);
        position: relative;
        box-shadow: 0 1px 0 0 var(--neutral-150);

        .container {
          position: relative;
          z-index: 1;
        }

        .navbar-brand {
          white-space: normal;
          font-size: 1.35rem;
          font-weight: 700;
          letter-spacing: 0.08em;
          color: var(--text-primary);
          padding-block: 0.75rem;
          padding-inline: 0;
          transition: color 0.25s ease;

          &:hover {
            color: var(--primary);
          }
        }

        .navbar-toggler {
          border: 1px solid var(--neutral-250);
          border-radius: 10px;
          padding: 0.5rem 0.65rem;
          color: var(--text-primary);
          transition: border-color 0.2s ease, background-color 0.2s ease;

          &:hover {
            border-color: var(--primary);
            background: var(--neutral-50);
          }

          &:focus {
            box-shadow: 0 0 0 3px var(--primary-bg);
          }

          .navbar-toggler-icon {
            width: 1.25rem;
            height: 1.25rem;
          }
        }

        .navbar-collapse {
          flex-grow: 0;
        }

        .navbar-nav {
          gap: 0;
          align-items: center;

          .kc23c35ce {
            position: relative;
          }

          .nav-link {
            color: var(--text-secondary);
            font-weight: 500;
            font-size: 0.9rem;
            letter-spacing: 0.02em;
            padding: 0.6rem 1rem;
            border-radius: 999px;
            transition: color 0.2s ease, background 0.2s ease;

            &:hover {
              color: var(--primary);
              background: var(--neutral-50);
            }

            &.active {
              color: var(--primary);
              font-weight: 600;
              background: linear-gradient(135deg, var(--primary-bg) 0%, var(--primary-light) 100%);
            }
          }
        }

        @media (max-width: 991px) {
          .navbar-collapse {
            margin-top: 0.5rem;
            padding-top: 0.5rem;
            border-top: 1px solid var(--neutral-150);
            max-height: 70vh;
            overflow-y: auto;
          }

          .navbar-nav {
            flex-direction: column;
            align-items: stretch;
            padding-block: 0.25rem;
          }

          #ui89be221ad .kc23c35ce {
            border-bottom: 1px solid var(--neutral-150);
          }

          #ui89be221ad .kc23c35ce:last-child {
            border-bottom: none;
          }

          #ui89be221ad .nav-link {
            display: block;
            padding: 0.85rem 1rem;
            border-radius: 8px;
            margin-block: 0.15rem;
          }

          #ui89be221ad .nav-link.active {
            background: linear-gradient(135deg, var(--primary-bg) 0%, var(--primary-light) 100%);
          }
        }
      }

@keyframes slideinarticle_q4w8x2m7n9k {
      from {
        opacity: 0;
        transform: translateY(1.5rem);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    #ui8a68b2738 {
      position: relative;
      overflow: hidden;
      background: linear-gradient(180deg, var(--info-bg) 0%, var(--background-primary) 22%, var(--background-tertiary) 100%);
      padding-block: 3.5rem 5rem;
      padding-inline: 0;
    }

    #ui8a68b2738 .jd18b3ed0 {
      position: relative;
      z-index: 1;
      max-width: 1140px;
      margin-inline: auto;
      padding-inline: 1.25rem;
    }

    #ui8a68b2738 .f4eebf837 {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 2rem;
      align-items: center;
      margin-block-end: 2.5rem;
      animation: slideinarticle_q4w8x2m7n9k 0.65s ease both;
    }

    #ui8a68b2738 .b31e6aadd {
      display: flex;
      flex-direction: column;
      gap: 1.15rem;
    }

    #ui8a68b2738 .cf671a93e {
      display: inline-flex;
      align-items: center;
      align-self: flex-start;
      gap: 0.5rem;
      color: var(--accent-dark);
      background: var(--background-tertiary);
      border: 2px solid var(--accent-light);
      text-decoration: none;
      font-weight: 700;
      font-size: 0.88rem;
      padding-block: 0.5rem;
      padding-inline: 1.1rem;
      border-radius: 0.5rem;
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    }

    #ui8a68b2738 .cf671a93e:hover {
      color: var(--text-light);
      background: var(--accent);
      border-color: var(--accent-dark);
    }

    #ui8a68b2738 .cf671a93e::before {
      content: '\F12F';
      font-family: bootstrap-icons;
      font-size: 0.85rem;
    }

    #ui8a68b2738 .a85931012 {
      display: inline-block;
      align-self: flex-start;
      background: linear-gradient(90deg, var(--warning-color) 0%, var(--warning-light) 100%);
      color: var(--text-light);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding-block: 0.45rem;
      padding-inline: 0.85rem;
      border-radius: 0.35rem;
      white-space: normal;
    }

    #ui8a68b2738 .c03fc5aef {
      color: var(--text-primary);
      font-size: clamp(2rem, 4.5vw, 2.85rem);
      line-height: 1.15;
      font-weight: 800;
      margin-block: 0;
      letter-spacing: -0.025em;
    }

    #ui8a68b2738 .jcd8cd0be {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.65rem;
    }

    #ui8a68b2738 .hd3c2c07d {
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
      color: var(--text-secondary);
      font-size: 0.82rem;
      font-weight: 600;
      background: var(--background-tertiary);
      border: 1px solid var(--border-light);
      padding-block: 0.75rem;
      padding-inline: 0.85rem;
      border-radius: 0.65rem;
      text-align: center;
      box-shadow: 0 0.35rem 0.85rem var(--neutral-150);
    }

    #ui8a68b2738 .hd3c2c07d i {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.75rem;
      height: 1.75rem;
      margin-inline: auto;
      border-radius: 0.4rem;
      background: linear-gradient(135deg, var(--info-light) 0%, var(--info-bg) 100%);
      color: var(--info-dark);
      font-size: 0.85rem;
    }

    #ui8a68b2738 .a5e8930b1 {
      position: relative;
      isolation: isolate;
    }

    #ui8a68b2738 .ea7b99eec {
      margin: 0;
      background: var(--background-tertiary);
      border: 3px solid var(--primary);
      border-radius: 1rem;
      padding: 0.85rem;
      box-shadow: 0 1.25rem 3rem var(--primary-light);
    }

    #ui8a68b2738 .j249d6c6b {
      border-radius: 0.65rem;
      overflow: hidden;
      background: var(--background-primary);
    }

    #ui8a68b2738 .e255086e2 {
      display: block;
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
    }

    #ui8a68b2738 .l273dd206 {
      padding-block: 0.85rem 0.15rem;
      padding-inline: 0.25rem;
      color: var(--text-tertiary);
      font-size: 0.85rem;
      line-height: 1.55;
      text-align: center;
      font-style: italic;
    }

    #ui8a68b2738 .n51e0f2e6 {
      background: var(--background-tertiary);
      border: 2px solid var(--border-light);
      border-radius: 1.25rem;
      overflow: hidden;
      box-shadow: 0 1.75rem 4.5rem var(--neutral-250);
      animation: slideinarticle_q4w8x2m7n9k 0.75s ease 0.1s both;
    }

    #ui8a68b2738 .j1d1c1544 {
      background: linear-gradient(135deg, var(--primary-bg) 0%, var(--warning-bg) 50%, var(--primary-light) 100%);
      padding-block: 2rem;
      padding-inline: 2.5rem;
      border-block-end: 3px solid var(--primary);
    }

    #ui8a68b2738 .n724c8be4 {
      font-size: 1.2rem;
      line-height: 1.75;
      color: var(--text-primary);
      font-weight: 600;
      margin-block: 0;
      max-width: 52rem;
    }

    #ui8a68b2738 .mad3db6ea {
      color: var(--text-secondary);
      padding-block: 2.25rem 2.75rem;
      padding-inline: 2.5rem;
    }

    #ui8a68b2738 .gb915d466 {
      margin-block-end: 2.5rem;
    }

    #ui8a68b2738 .i545af424 {
      display: inline-block;
      color: var(--text-light);
      font-size: 1.35rem;
      line-height: 1.3;
      font-weight: 800;
      margin-block: 0 1.25rem;
      padding-block: 0.55rem;
      padding-inline: 1.15rem;
      border-radius: 0.45rem;
      background: linear-gradient(90deg, var(--secondary-dark) 0%, var(--secondary) 100%);
      letter-spacing: -0.01em;
    }

    #ui8a68b2738 .lc3e6af25 {
      font-size: 1.05rem;
      line-height: 1.85;
      margin-block-end: 1.2rem;
    }

    #ui8a68b2738 .lc3e6af25:last-child {
      margin-block-end: 0;
    }

    #ui8a68b2738 .n169a15ab {
      margin-block: 2rem;
      margin-inline: 0;
      padding-block: 1.75rem;
      padding-inline: 2rem;
      background: var(--background-primary);
      border: 2px dashed var(--accent);
      border-radius: 1rem;
      text-align: center;
    }

    #ui8a68b2738 .ka8d92164 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.75rem;
      height: 2.75rem;
      margin-block-end: 1rem;
      margin-inline: auto;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
      color: var(--text-light);
      font-size: 1.15rem;
    }

    #ui8a68b2738 .d6595d2a4 {
      color: var(--text-primary);
      font-size: 1.1rem;
      line-height: 1.7;
      font-style: italic;
      margin-block-end: 0.75rem;
      font-weight: 500;
    }

    #ui8a68b2738 .neeb5c672 {
      display: block;
      color: var(--accent-dark);
      font-size: 0.88rem;
      font-weight: 700;
      font-style: normal;
    }

    #ui8a68b2738 .n2c018b77 {
      list-style: none;
      margin-block: 1.25rem 1.5rem;
      padding-inline-start: 0;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.85rem;
    }

    #ui8a68b2738 .i030ff15b {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      font-size: 1rem;
      line-height: 1.65;
      margin-block-end: 0;
      padding-block: 1rem;
      padding-inline: 1rem;
      background: linear-gradient(145deg, var(--background-primary) 0%, var(--background-tertiary) 100%);
      border: 1px solid var(--secondary-light);
      border-radius: 0.75rem;
    }

    #ui8a68b2738 .o8a1c9279 {
      flex-shrink: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.65rem;
      height: 1.65rem;
      border-radius: 0.35rem;
      background: var(--secondary-bg);
      color: var(--secondary-dark);
      font-size: 0.9rem;
    }

    #ui8a68b2738 .i5eb088d3 {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.65rem;
      margin-block: 2.5rem;
      padding-block: 1.75rem;
      padding-inline: 1.75rem;
      background: linear-gradient(120deg, var(--danger-bg) 0%, var(--warning-bg) 100%);
      border: 2px solid var(--warning-light);
      border-radius: 1rem;
    }

    #ui8a68b2738 .c50d8d314 {
      color: var(--danger-dark);
      font-size: 1.15rem;
      font-weight: 800;
      margin-block-end: 0;
    }

    #ui8a68b2738 .c8015b408 {
      font-size: 1.02rem;
      line-height: 1.75;
      color: var(--text-primary);
      margin-block-end: 0;
    }

    #ui8a68b2738 .bc19c1222 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 1.25rem;
      margin-block-start: 2.5rem;
      padding-block: 1.75rem;
      padding-inline: 2rem;
      background: linear-gradient(90deg, var(--accent-dark) 0%, var(--info-color) 50%, var(--info-light) 100%);
      border-radius: 1rem;
    }

    #ui8a68b2738 .a01c8f1ce {
      flex: 1 1 16rem;
      font-size: 1rem;
      line-height: 1.65;
      color: var(--text-light);
      margin-block-end: 0;
      font-weight: 500;
    }

    #ui8a68b2738 .e08a0eb92 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      flex-shrink: 0;
      background: var(--background-tertiary);
      color: var(--accent-dark);
      text-decoration: none;
      font-weight: 800;
      font-size: 0.92rem;
      padding-block: 0.85rem;
      padding-inline: 1.75rem;
      border-radius: 0.5rem;
      transition: background 0.25s ease, color 0.25s ease;
    }

    #ui8a68b2738 .e08a0eb92::after {
      content: '\F138';
      font-family: bootstrap-icons;
      font-size: 0.85rem;
    }

    #ui8a68b2738 .e08a0eb92:hover {
      background: var(--text-primary);
      color: var(--text-light);
    }

    @media (max-width: 991.98px) {
      #ui8a68b2738 .f4eebf837 {
        grid-template-columns: minmax(0, 1fr);
      }

      #ui8a68b2738 .a5e8930b1 {
        order: -1;
        max-width: 28rem;
        margin-inline: auto;
        width: 100%;
      }
    }

    @media (max-width: 767.98px) {
      #ui8a68b2738 .jcd8cd0be {
        grid-template-columns: minmax(0, 1fr);
      }

      #ui8a68b2738 .n2c018b77 {
        grid-template-columns: minmax(0, 1fr);
      }

      #ui8a68b2738 .mad3db6ea {
        padding-inline: 1.5rem;
      }

      #ui8a68b2738 .j1d1c1544 {
        padding-inline: 1.5rem;
      }
    }

    @media (max-width: 575.98px) {
      #ui8a68b2738 {
        padding-block: 2.25rem 3.5rem;
      }

      #ui8a68b2738 .jd18b3ed0 {
        padding-inline: 1rem;
      }

      #ui8a68b2738 .mad3db6ea {
        padding-block: 1.5rem 2rem;
        padding-inline: 1.15rem;
      }

      #ui8a68b2738 .j1d1c1544 {
        padding-block: 1.5rem;
        padding-inline: 1.15rem;
      }

      #ui8a68b2738 .n724c8be4 {
        font-size: 1.05rem;
      }

      #ui8a68b2738 .bc19c1222 {
        flex-direction: column;
        text-align: center;
        padding-inline: 1.25rem;
      }

      #ui8a68b2738 .n169a15ab {
        padding-inline: 1.25rem;
      }
    }