.reg-mascot {
    position: fixed;
    right: 8%;
    bottom: 12%;
    width: 280px;
    z-index: 10;
    pointer-events: none;
  
    /* Floating */
    animation: floatY 6s ease-in-out infinite;
  
    /* For 3D tilt */
    transform-style: preserve-3d;
    transition: transform 0.1s linear;
  }
  
  .reg-mascot img {
    width: 100%;
    filter: drop-shadow(0 40px 80px rgba(0,0,0,0.45));
  }
  
  /* Floating animation */
  @keyframes floatY {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-25px); }
    100% { transform: translateY(0px); }
  }
  
  /* Bubble */
  .mascot-bubble {
    position: absolute;
    top: -65px;
    right: 0;
    background: linear-gradient(135deg, #8b5cf6, #ec4899);
    padding: 12px 18px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 600;
    color: white;
    box-shadow: 0 10px 30px rgba(139,92,246,0.4);
  }

  .reg-mascot {
    width: 180px !important;
    max-width: 180px;
    opacity: 0.95;
  }
  
  .reg-mascot img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.4));
  }