#ui7cdf7ec8d {
        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;

          .i6b42f334 {
            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;
          }

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

          #ui7cdf7ec8d .i6b42f334:last-child {
            border-bottom: none;
          }

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

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

#uifb24d446e {
        position: relative;
        overflow: hidden;
        background: linear-gradient(160deg, var(--background-tertiary) 0%, var(--accent-bg) 45%, var(--primary-bg) 100%);
        padding-block: 5.5rem;
        padding-inline: 0;
      }

      #uifb24d446e .oa0c811ef {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
      }

      #uifb24d446e .g2b88d34a {
        width: 22rem;
        height: 22rem;
        inset-block-start: -6rem;
        inset-inline-end: -5rem;
        background: radial-gradient(circle, var(--warning-bg) 0%, transparent 68%);
        opacity: 0.75;
        animation: softbobble_m8k2p4n7x3q9 7s ease-in-out infinite;
      }

      #uifb24d446e .i036bbb2f {
        width: 16rem;
        height: 16rem;
        inset-block-end: -4rem;
        inset-inline-start: -4rem;
        background: radial-gradient(circle, var(--secondary-bg) 0%, transparent 70%);
        opacity: 0.7;
        animation: softbobble_m8k2p4n7x3q9 9s ease-in-out infinite reverse;
      }

      #uifb24d446e .bb3c72f87 {
        position: absolute;
        inset-block-start: 12%;
        inset-inline-start: 4%;
        width: 7rem;
        height: 7rem;
        background-image: radial-gradient(circle, var(--primary) 1.5px, transparent 1.5px);
        background-size: 10px 10px;
        opacity: 0.22;
        pointer-events: none;
        z-index: 0;
      }

      #uifb24d446e .cfd71baf9 {
        position: absolute;
        inset-block-end: 18%;
        inset-inline-end: 6%;
        width: 5.5rem;
        height: 5.5rem;
        border-radius: 42% 58% 63% 37% / 44% 35% 65% 56%;
        background: var(--danger-bg);
        opacity: 0.45;
        pointer-events: none;
        z-index: 0;
        animation: softwobble_r5t8j1c6v2h4 6s ease-in-out infinite;
      }

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

      #uifb24d446e .d26e8c20c {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        gap: 2.5rem;
        align-items: center;
        margin-block-end: 3.5rem;
      }

      #uifb24d446e .aeea4c01f {
        max-width: 36rem;
      }

      #uifb24d446e .pfd8e9c25 {
        display: inline-block;
        margin-block-end: 1rem;
        padding-block: 0.45rem;
        padding-inline: 1.1rem;
        border-radius: 999px;
        background: var(--white);
        color: var(--accent-dark);
        font-size: 0.8125rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        box-shadow: 4px 4px 0 var(--accent);
      }

      #uifb24d446e .ob7f3be1b {
        margin: 0;
        color: var(--text-primary);
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: 800;
        line-height: 1.15;
        text-wrap: balance;
      }

      #uifb24d446e .ha09a5b7c {
        position: relative;
        min-height: 11rem;
        border-radius: 2rem;
        background: linear-gradient(135deg, var(--warning-bg) 0%, var(--info-bg) 100%);
        border: 3px solid var(--text-primary);
        box-shadow: 8px 8px 0 var(--primary);
        overflow: hidden;
      }

      #uifb24d446e .ha09a5b7c::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle, var(--white) 1.5px, transparent 1.5px);
        background-size: 12px 12px;
        opacity: 0.35;
      }

      #uifb24d446e .le8c89d19 {
        position: absolute;
        inset-block-start: 50%;
        inset-inline-start: 50%;
        width: 5.5rem;
        height: 5.5rem;
        margin-block-start: -2.75rem;
        margin-inline-start: -2.75rem;
        background: var(--white);
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        box-shadow: 0 0 0 3px var(--danger);
      }

      #uifb24d446e .e2dfeeb22 {
        position: absolute;
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 50%;
        border: 3px solid var(--text-primary);
      }

      #uifb24d446e .ed3c4ff15 {
        inset-block-start: 1.25rem;
        inset-inline-end: 1.5rem;
        background: var(--secondary-bg);
      }

      #uifb24d446e .h886ce795 {
        inset-block-end: 1.1rem;
        inset-inline-start: 1.4rem;
        background: var(--primary-bg);
      }

      #uifb24d446e .f2a897bf8 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
      }

      #uifb24d446e .bcf071940 {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        min-height: 100%;
        padding-block: 1.75rem;
        padding-inline: 1.75rem;
        border-radius: 1.5rem;
        border: 3px solid var(--text-primary);
        background: var(--white);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
      }

      #uifb24d446e .bcf071940:hover {
        transform: translateY(-5px);
      }

      #uifb24d446e .h4e7e274f {
        flex: 1 1 0;
        min-width: 0;
      }

      #uifb24d446e .l6b2e190d {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4.25rem;
        height: 4.25rem;
        border-radius: 50%;
        border: 3px solid var(--text-primary);
      }

      #uifb24d446e .l6b2e190d svg {
        width: 1.85rem;
        height: 1.85rem;
      }

      #uifb24d446e .d4c8c8c07 {
        margin: 0 0 0.65rem;
        color: var(--text-primary);
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.3;
      }

      #uifb24d446e .n59a91a66 {
        margin: 0;
        color: var(--text-secondary);
        font-size: 0.9375rem;
        line-height: 1.65;
      }

      #uifb24d446e .c598fa523 {
        background: linear-gradient(145deg, var(--white) 0%, var(--primary-bg) 100%);
        box-shadow: 6px 6px 0 var(--primary);
      }

      #uifb24d446e .c598fa523:hover {
        box-shadow: 8px 10px 0 var(--primary-dark);
      }

      #uifb24d446e .c598fa523 .l6b2e190d {
        background: var(--primary-bg);
        color: var(--primary-dark);
      }

      #uifb24d446e .l40659040 {
        background: linear-gradient(145deg, var(--white) 0%, var(--accent-bg) 100%);
        box-shadow: 6px 6px 0 var(--accent);
      }

      #uifb24d446e .l40659040:hover {
        box-shadow: 8px 10px 0 var(--accent-dark);
      }

      #uifb24d446e .l40659040 .l6b2e190d {
        background: var(--accent-bg);
        color: var(--accent-dark);
      }

      #uifb24d446e .fb11f64bc {
        background: linear-gradient(145deg, var(--white) 0%, var(--secondary-bg) 100%);
        box-shadow: 6px 6px 0 var(--secondary);
      }

      #uifb24d446e .fb11f64bc:hover {
        box-shadow: 8px 10px 0 var(--secondary-dark);
      }

      #uifb24d446e .fb11f64bc .l6b2e190d {
        background: var(--secondary-bg);
        color: var(--secondary-dark);
      }

      #uifb24d446e .bc57cd337 {
        background: linear-gradient(145deg, var(--white) 0%, var(--warning-bg) 100%);
        box-shadow: 6px 6px 0 var(--warning-color);
      }

      #uifb24d446e .bc57cd337:hover {
        box-shadow: 8px 10px 0 var(--warning-dark);
      }

      #uifb24d446e .bc57cd337 .l6b2e190d {
        background: var(--warning-bg);
        color: var(--warning-dark);
      }

      #uifb24d446e .cc0a7732f {
        background: linear-gradient(145deg, var(--white) 0%, var(--danger-bg) 100%);
        box-shadow: 6px 6px 0 var(--danger-color);
      }

      #uifb24d446e .cc0a7732f:hover {
        box-shadow: 8px 10px 0 var(--danger-dark);
      }

      #uifb24d446e .cc0a7732f .l6b2e190d {
        background: var(--danger-bg);
        color: var(--danger-dark);
      }

      #uifb24d446e .na4388e27 {
        background: linear-gradient(145deg, var(--white) 0%, var(--info-bg) 100%);
        box-shadow: 6px 6px 0 var(--info-color);
      }

      #uifb24d446e .na4388e27:hover {
        box-shadow: 8px 10px 0 var(--info-dark);
      }

      #uifb24d446e .na4388e27 .l6b2e190d {
        background: var(--info-bg);
        color: var(--info-dark);
      }

      @keyframes softbobble_m8k2p4n7x3q9 {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(12px);
        }
      }

      @keyframes softwobble_r5t8j1c6v2h4 {
        0%,
        100% {
          transform: rotate(0deg) scale(1);
        }
        50% {
          transform: rotate(8deg) scale(1.06);
        }
      }

      @media (max-width: 991.98px) {
        #uifb24d446e {
          padding-block: 3.5rem;
        }

        #uifb24d446e .d26e8c20c {
          grid-template-columns: minmax(0, 1fr);
          gap: 2rem;
          margin-block-end: 2.75rem;
        }

        #uifb24d446e .ha09a5b7c {
          min-height: 9rem;
        }

        #uifb24d446e .f2a897bf8 {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 575.98px) {
        #uifb24d446e .f2a897bf8 {
          grid-template-columns: minmax(0, 1fr);
        }

        #uifb24d446e .bcf071940 {
          padding-block: 1.5rem;
          padding-inline: 1.35rem;
        }

        #uifb24d446e .g2b88d34a {
          width: 14rem;
          height: 14rem;
        }

        #uifb24d446e .bb3c72f87 {
          width: 4.5rem;
          height: 4.5rem;
        }
      }