*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
html,body{
    width: 100%;
    height: 100%;
}
:root {
        --pw-blue: #7ec8ff;
        --pw-green: #9be7a3;
        --pw-black: #071425;
        --pw-cta-text: #022126;
      }
      @keyframes pw-caret {
        0% {
          opacity: 1;
        }
        50% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }

      /* Social button hover glow */
      .pw-social-btn {
        transition: transform 0.36s cubic-bezier(0.2, 0.9, 0.3, 1),
          box-shadow 0.28s ease;
        border: 0;
      }
      .pw-social-btn:active {
        transform: translateY(1px) scale(0.995);
      }

      /* Responsive */
      @media (max-width: 880px) {
        #pw-fancy-hero .pw-container {
          gap: 14px;
          padding: 0 10px;
        }
        #pw-fancy-hero .pw-left {
          min-width: unset;
        }
        #pw-fancy-hero #pw-brand-big {
          font-size: 26px;
        }
        .pw-social-btn {
          width: 46px;
          height: 46px;
          border-radius: 10px;
        }
      }
      @media (max-width: 560px) {
        #pw-fancy-hero {
          padding: 28px 12px;
        }
        #pw-fancy-hero .pw-container {
          flex-direction: column;
          align-items: flex-start;
          gap: 16px;
        }
        .pw-cta {
          align-self: stretch;
          justify-content: center;
        }
        .pw-social-btn {
          width: 44px;
          height: 44px;
          border-radius: 10px;
        }
      }
      /* part-3 */
       /* Colors */
      :root {
        --pw-blue: #7ec8ff;
        --pw-green: #9be7a3;
        --pw-black: #071425;
        --pw-contrast: #022126;
      }

      /* Basic link styles */
      .pw-link,
      .pw-dd-link,
      .pw-mobile-link,
      .pw-mobile-sublink,
      .pw-dd-toggle {
        display: inline-block;
        color: var(--pw-black);
        text-decoration: none;
        padding: 8px 12px;
        border-radius: 8px;
        font-weight: 600;
        font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
      }

      .pw-link:hover,
      .pw-dd-toggle:hover {
        background: linear-gradient(90deg, var(--pw-blue), var(--pw-green));
        color: #022126;
      }

      /* Dropdown */
      .pw-has-dd {
        position: relative;
      }
      .pw-dd {
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        min-width: 220px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 18px 40px rgba(11, 16, 32, 0.08);
        padding: 8px;
        opacity: 0;
        transform: translateY(8px) scale(0.98);
        pointer-events: none;
        transition: all 0.18s ease;
        z-index: 1000;
      }
      .pw-has-dd:focus-within > .pw-dd,
      .pw-has-dd:hover > .pw-dd {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
      }
      .pw-dd-link {
        display: block;
        padding: 8px 12px;
        border-radius: 8px;
        color: var(--pw-black);
        text-decoration: none;
        font-weight: 600;
      }
      .pw-dd-link:hover {
        background: linear-gradient(90deg, var(--pw-blue), var(--pw-green));
        color: var(--pw-contrast);
      }

      /* Mobile */
      @media (max-width: 900px) {
        .pw-menu {
          display: none !important;
        }
        #pw-hamburger {
          display: inline-flex !important;
        }
        #pw-navbar {
          position: fixed;
          width: 100%;
        }
      }

      /* Mobile links */
      .pw-mobile-link,
      .pw-mobile-sublink,
      .pw-mobile-acc-hdr {
        display: block;
        padding: 12px 10px;
        border-radius: 10px;
        color: var(--pw-black);
        font-weight: 700;
        text-decoration: none;
        margin-bottom: 6px;
      }
      .pw-mobile-sublink {
        padding-left: 18px;
        font-weight: 600;
        color: #24303a;
        display: block;
        margin-top: 6px;
        margin-bottom: 6px;
      }

      /* small interactions */
      .pw-dd-toggle {
        background: transparent;
        border: none;
        cursor: pointer;
      }
      .pw-mobile-acc-hdr {
        background: transparent;
        border: none;
        cursor: pointer;
        width: 100%;
        text-align: left;
      }

      /* subtle focus ring */
      .pw-link:focus,
      .pw-dd-toggle:focus,
      .pw-mobile-acc-hdr:focus,
      .pw-has-dd a:focus {
        outline: 3px solid rgba(126, 200, 255, 0.18);
        outline-offset: 3px;
        border-radius: 8px;
      }