html, body {
      max-width: 100%;
      overflow-x: hidden;
    }
    img {
      max-width: 100%;
      height: auto;
    }
    html { scroll-behavior: smooth; }
    /* custom modern effects */
    .glass-card {
      background: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.4);
      box-shadow: 0 25px 40px -18px rgba(0,0,0,0.1);
    }
    .glass-card-dark {
      background: rgba(20, 30, 40, 0.5);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,0.1);
    }
    .morph-border {
      border-radius: 60% 40% 40% 60% / 40% 50% 50% 60%;
      animation: float 8s ease-in-out infinite;
    }
    @keyframes float {
      0% { border-radius: 60% 40% 40% 60% / 40% 50% 50% 60%; }
      50% { border-radius: 40% 60% 60% 40% / 50% 40% 60% 50%; }
      100% { border-radius: 60% 40% 40% 60% / 40% 50% 50% 60%; }
    }
    .hover-float {
      transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1);
    }
    .hover-float:hover {
      transform: translateY(-8px) scale(1.02);
    }
    .section-padding {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
    @media (min-width: 768px) {
      .section-padding {
        padding-top: 9rem;
        padding-bottom: 9rem;
      }
    }
    .bg-i{
        background: linear-gradient(125deg, #2b32b2, #1488cc);
    }
    /* dollar gradient */
    .dollar-gradient {
      background: linear-gradient(125deg, #2b32b2, #1488cc);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .dollar-badge {
      background: rgba(251, 191, 36, 0.15);
      border: 1px solid rgba(251, 191, 36, 0.3);
    }