.rnr-purple-glow {
    position: relative;
    overflow: hidden;

    border-radius: 20px;
    padding: 25px;

    /* Visible Purple + Gold Background */
    background: linear-gradient(
        135deg,
        #ede9fe 0%,
        #faf5ff 30%,
        #ffffff 50%,
        #fff8e1 70%,
        #fef3c7 100%
    );

    /* Purple + Gold Border */
    border-top: 3px solid #8b5cf6;
    border-right: 3px solid #d4af37;
    border-bottom: 3px solid #8b5cf6;
    border-left: 3px solid #d4af37;

    /* Purple + Gold Glow */
    box-shadow:
        -8px 0 25px rgba(139, 92, 246, 0.35),
         8px 0 25px rgba(212, 175, 55, 0.35),
         0 10px 30px rgba(0, 0, 0, 0.08);

    transition: all 0.4s ease;
}

/* Decorative Purple Circle */
.rnr-purple-glow::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;

    background: rgba(139, 92, 246, 0.15);

    top: -80px;
    right: -80px;

    pointer-events: none;
}

/* Decorative Gold Circle */
.rnr-purple-glow::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;

    background: rgba(212, 175, 55, 0.15);

    bottom: -70px;
    left: -70px;

    pointer-events: none;
}

.rnr-purple-glow:hover {
    transform: translateY(-6px);

    box-shadow:
        -10px 0 35px rgba(139, 92, 246, 0.55),
         10px 0 35px rgba(212, 175, 55, 0.55),
         0 15px 40px rgba(0, 0, 0, 0.12);
}
@media only screen 
  and (min-width: 834px) 
  and (max-width: 834px) 
  and (min-height: 1194px) 
  and (max-height: 1210px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    /* Your CSS for 11-inch iPad Pro in Portrait 
    .zpcontent-container.hero-container, 
    .zphero.zpapply-height {
       min-height:auto !important;
       height:auto !important;
      }*/
}