@media (max-width:768px){.w3-modal{padding-top:37px;padding-bottom:30px;}}
@media (max-width:600px){.w3-modal{padding-top:32px;padding-bottom:20px;}}

.w3-modal.trans {
    scale: 0;
    opacity: 0;
    transition: opacity 0.5s, scale 0.25s cubic-bezier(0.25, 0.8, 1, 1.41);
}

.w3-modal.trans.show {
    scale: 1;
    opacity: 0.93;
}

@media (prefers-reduced-motion: reduce) {
  .w3-modal.trans {
    scale: 0;
    opacity: 0;
    transition: opacity 0.5s;
  }
}

.w3-modal.glass { height: auto!important; }

.glass {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(2px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 2rem;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), 
              inset 0 4px 20px rgba(255, 255, 255, 0.3);
}
.glass::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2rem;
  backdrop-filter: blur(1px);
  box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 1),
              inset 0px -9px 0px -8px rgba(255, 255, 255, 1);
  opacity: 0.6;
  z-index: -1;
  filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%);
}