.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;padding:2rem;border-radius:8px;min-width:300px;max-width:60vw;max-height:90vh;overflow-y:auto;box-sizing:border-box;position:relative}.modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:.8rem;cursor:pointer;color:#333;padding:0;line-height:1;transition:color .3s ease}.modal-close:focus,.modal-close:hover{color:red;outline:none}.modal-body button{display:inline-block;background:linear-gradient(145deg,#f00c74,#ff1152 75%,rgba(202,255,26,.25));clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);color:#fff;padding:.75em 2em;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;border:2px solid rgba(255,17,82,.5);box-shadow:0 4px 12px rgba(255,17,82,.3);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;outline:none;user-select:none}.modal-body button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease;transform:skewX(-20deg)}.modal-body button:focus,.modal-body button:hover{background:linear-gradient(135deg,rgba(255,17,82,.5),rgba(202,255,26,.3));border-color:rgba(202,255,26,.8);box-shadow:0 6px 20px rgba(255,17,82,.5),0 0 30px rgba(202,255,26,.3);transform:translateX(5px);outline:none}.modal-body button:hover:before{left:100%}.modal-body button:active{transform:translateX(3px);box-shadow:0 4px 15px rgba(255,17,82,.4)}