.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9998;opacity:0;pointer-events:none;transition:opacity .35s ease;cursor:default}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-box,.modal-overlay.hide{opacity:0;pointer-events:none}.modal-box{width:90%;max-width:540px;max-height:90vh;height:auto;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:scale(.9);transition:all .3s ease;overflow:visible;padding:20px 0}.modal-box.show{transform:scale(1);opacity:1;pointer-events:auto}.modal-box.hide{transform:scale(.85);opacity:0;pointer-events:none}.modal-close{position:absolute;top:30px;right:30px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:white;font-size:20px;width:36px;height:36px;border-radius:10px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.modal-close:hover{background:rgba(187,0,224,.3);transform:scale(1.1);border-color:rgba(187,0,224,.5)}.modal-close:active{transform:scale(.95)}.hero.modal .modal-close{position:absolute;top:20px;right:20px}@media (max-width:900px){.modal-box{max-width:95%;border-radius:18px;padding:15px 0}}