:root{--overlay-duration:350ms}.overlay-container{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;visibility:hidden;padding-top:10rem}.form-wrapper{position:relative;width:min(92vw,720px);max-width:720px;background:#fff;border-radius:12px;padding:clamp(16px,2vw,24px);box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translateY(28px);opacity:0}.close-button{position:absolute;top:8px;right:8px}.overlay-container.anim-in{animation:overlay-fade-in var(--overlay-duration) ease forwards}.form-wrapper.anim-in{animation:form-slide-in var(--overlay-duration) ease forwards}.overlay-container.anim-out{animation:overlay-fade-out var(--overlay-duration) ease forwards}.form-wrapper.anim-out{animation:form-slide-out var(--overlay-duration) ease forwards}@keyframes overlay-fade-in{0%{opacity:0;visibility:visible}to{opacity:1;visibility:visible;pointer-events:auto}}@keyframes overlay-fade-out{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes form-slide-in{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes form-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(28px);opacity:0}}@media screen and (max-width:768px){.overlay-container{padding-top:0}}