.pn-bavaro-modern-section {

      width: 100%;

      padding: 42px 14px 34px;

      box-sizing: border-box;

      font-family: inherit;

      background: transparent;

    }



    .pn-bavaro-modern-section * {

      box-sizing: border-box;

    }



    .pn-bavaro-modern-section .pn-bavaro-card {

      position: relative;

      max-width: 1120px;

      margin: 0 auto;

      padding: 58px 30px 52px;

      border-radius: 38px;

      overflow: hidden;

      text-align: center;

      background:

        radial-gradient(circle at 18% 18%, rgba(0,178,210,0.24), transparent 34%),

        radial-gradient(circle at 86% 82%, rgba(255,184,64,0.22), transparent 38%),

        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(233,250,255,0.96));

      border: 1px solid rgba(0, 128, 170, 0.16);

      box-shadow:

        0 26px 70px rgba(0, 70, 100, 0.15),

        inset 0 1px 0 rgba(255,255,255,0.9);

      isolation: isolate;

    }



    .pn-bavaro-modern-section .pn-bavaro-card::before {

      content: "";

      position: absolute;

      inset: 12px;

      border-radius: 30px;

      border: 1px solid rgba(0, 150, 185, 0.12);

      pointer-events: none;

      z-index: 1;

    }



    .pn-bavaro-modern-section .pn-bg-title {

      position: absolute;

      left: 50%;

      top: 51%;

      transform: translate(-50%, -50%) rotate(-2deg);

      font-size: clamp(76px, 15vw, 190px);

      line-height: 0.85;

      font-weight: 900;

      letter-spacing: -9px;

      text-transform: uppercase;

      white-space: nowrap;

      color: transparent;

      -webkit-text-stroke: 2px rgba(0, 128, 170, 0.105);

      text-stroke: 2px rgba(0, 128, 170, 0.105);

      opacity: 1;

      z-index: 0;

      pointer-events: none;

      font-family: "Inter", "Montserrat", "Poppins", Arial, sans-serif;

    }



    .pn-bavaro-modern-section .pn-orb {

      position: absolute;

      border-radius: 999px;

      filter: blur(2px);

      z-index: 0;

      pointer-events: none;

    }



    .pn-bavaro-modern-section .pn-orb-one {

      width: 210px;

      height: 210px;

      left: -70px;

      top: -70px;

      background: radial-gradient(circle, rgba(0, 184, 212, 0.30), transparent 68%);

    }



    .pn-bavaro-modern-section .pn-orb-two {

      width: 260px;

      height: 260px;

      right: -90px;

      bottom: -110px;

      background: radial-gradient(circle, rgba(255, 183, 43, 0.26), transparent 70%);

    }



    .pn-bavaro-modern-section .pn-content {

      position: relative;

      z-index: 3;

    }



    .pn-bavaro-modern-section .pn-top-tags {

      display: flex;

      justify-content: center;

      align-items: center;

      gap: 12px;

      flex-wrap: wrap;

      margin-bottom: 22px;

    }



    .pn-bavaro-modern-section .pn-tag {

      display: inline-flex;

      align-items: center;

      gap: 9px;

      padding: 10px 16px;

      border-radius: 999px;

      background: rgba(255, 255, 255, 0.78);

      border: 1px solid rgba(0, 120, 160, 0.14);

      color: #083d50;

      font-size: 13px;

      line-height: 1;

      font-weight: 850;

      letter-spacing: 0.2px;

      box-shadow: 0 12px 26px rgba(0, 70, 100, 0.08);

      backdrop-filter: blur(10px);

      -webkit-backdrop-filter: blur(10px);

    }



    .pn-bavaro-modern-section .pn-tag svg {

      width: 18px;

      height: 18px;

      display: block;

      stroke: #008fb0;

      stroke-width: 2.2;

      fill: none;

      stroke-linecap: round;

      stroke-linejoin: round;

      flex: 0 0 auto;

    }



    .pn-bavaro-modern-section .pn-flag-combo {

      display: inline-flex;

      align-items: center;

      gap: 7px;

    }



    .pn-bavaro-modern-section .pn-flag {

      width: 25px;

      height: 17px;

      border-radius: 4px;

      overflow: hidden;

      display: inline-block;

      box-shadow: 0 0 0 1px rgba(0,0,0,0.08);

      position: relative;

      flex: 0 0 auto;

    }



    .pn-bavaro-modern-section .pn-flag-do {

      background:

        linear-gradient(90deg, transparent 0 42%, #fff 42% 58%, transparent 58% 100%),

        linear-gradient(0deg, transparent 0 38%, #fff 38% 62%, transparent 62% 100%),

        linear-gradient(135deg, #002d62 0 50%, #ce1126 50% 100%);

    }



    .pn-bavaro-modern-section .pn-flag-pl {

      background: linear-gradient(180deg, #ffffff 0 50%, #dc143c 50% 100%);

    }



    .pn-bavaro-modern-section h2 {

      margin: 0;

      color: #07384a;

      font-size: clamp(38px, 6vw, 72px);

      line-height: 0.96;

      font-weight: 950;

      letter-spacing: -2.4px;

      text-wrap: balance;

      text-shadow: 0 1px 0 rgba(255,255,255,0.75);

      font-family: "Inter", "Montserrat", "Poppins", Arial, sans-serif;

    }



    .pn-bavaro-modern-section .pn-subtitle {

      max-width: 780px;

      margin: 24px auto 0;

      color: #24576a;

      font-size: clamp(16px, 1.9vw, 20px);

      line-height: 1.58;

      font-weight: 650;

      text-wrap: balance;

    }



    .pn-bavaro-modern-section .pn-features {

      display: grid;

      grid-template-columns: repeat(3, minmax(0, 1fr));

      gap: 12px;

      max-width: 820px;

      margin: 30px auto 0;

    }



    .pn-bavaro-modern-section .pn-feature {

      display: flex;

      align-items: center;

      justify-content: center;

      gap: 10px;

      min-height: 54px;

      padding: 12px 14px;

      border-radius: 18px;

      background: rgba(255, 255, 255, 0.70);

      border: 1px solid rgba(0, 130, 165, 0.13);

      color: #0b465a;

      font-size: 14px;

      font-weight: 850;

      box-shadow: 0 12px 24px rgba(0, 70, 100, 0.07);

      backdrop-filter: blur(10px);

      -webkit-backdrop-filter: blur(10px);

    }



    .pn-bavaro-modern-section .pn-feature svg {

      width: 20px;

      height: 20px;

      stroke: #008fb0;

      stroke-width: 2.15;

      fill: none;

      stroke-linecap: round;

      stroke-linejoin: round;

      flex: 0 0 auto;

    }



    .pn-bavaro-modern-section .pn-modern-line {

      width: 116px;

      height: 5px;

      margin: 30px auto 0;

      border-radius: 999px;

      background: linear-gradient(90deg, #008fb0, #00c2d7, #ffb72c, #dc143c);

      box-shadow: 0 10px 20px rgba(0, 150, 185, 0.20);

    }



    @media (max-width: 767px) {

      .pn-bavaro-modern-section {

        padding: 28px 10px 24px;

      }



      .pn-bavaro-modern-section .pn-bavaro-card {

        padding: 42px 16px 38px;

        border-radius: 28px;

      }



      .pn-bavaro-modern-section .pn-bavaro-card::before {

        inset: 9px;

        border-radius: 22px;

      }



      .pn-bavaro-modern-section .pn-bg-title {

        top: 48%;

        font-size: clamp(64px, 23vw, 108px);

        letter-spacing: -5px;

        -webkit-text-stroke: 1.4px rgba(0, 128, 170, 0.12);

        text-stroke: 1.4px rgba(0, 128, 170, 0.12);

      }



      .pn-bavaro-modern-section .pn-top-tags {

        gap: 9px;

        margin-bottom: 20px;

      }



      .pn-bavaro-modern-section .pn-tag {

        font-size: 12px;

        padding: 9px 13px;

      }



      .pn-bavaro-modern-section .pn-tag svg {

        width: 16px;

        height: 16px;

      }



      .pn-bavaro-modern-section h2 {

        font-size: clamp(34px, 9.6vw, 46px);

        letter-spacing: -1.4px;

      }



      .pn-bavaro-modern-section .pn-subtitle {

        margin-top: 20px;

        font-size: 16px;

        line-height: 1.52;

      }



      .pn-bavaro-modern-section .pn-features {

        grid-template-columns: 1fr;

        max-width: 430px;

        gap: 10px;

        margin-top: 24px;

      }



      .pn-bavaro-modern-section .pn-feature {

        min-height: 50px;

        font-size: 13px;

        border-radius: 16px;

      }



      .pn-bavaro-modern-section .pn-modern-line {

        margin-top: 24px;

      }

    }