/* popup.css */
.modern-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:999999;backdrop-filter:blur(5px)}
.modern-popup-overlay.active{display:flex;align-items:center;justify-content:center}
.modern-popup-content{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:90%;max-height:90%;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:popupAppear .3s ease-out}
@keyframes popupAppear{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
.modern-popup-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:28px;cursor:pointer;color:#999;width:40px;height:40px}
.modern-popup-close:hover{color:#333}
.modern-popup-header{text-align:center;margin-bottom:30px}
.modern-popup-title{font-size:28px;font-weight:700;margin-bottom:10px;color:#333}
.modern-popup-subtitle{font-size:16px;color:#666;line-height:1.4}
.modern-popup-form{margin-bottom:30px}
.modern-form-group{margin-bottom:20px}
.modern-form-label{display:block;margin-bottom:8px;font-weight:600;color:#333}
.modern-form-input{width:100%;padding:15px;border:2px solid #ddd;border-radius:12px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}
.modern-form-input:focus{outline:none;border-color:#33808d}
.modern-form-button{display:inline-block;width:100%;background:linear-gradient(135deg,#33808d 0%,#29747f 100%);color:#fff;text-decoration:none;padding:18px 24px;font-size:18px;font-weight:700;border-radius:12px;text-align:center;cursor:pointer;border:none;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease}
.modern-form-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(51,128,141,.3)}
.modern-form-loading .modern-form-button{opacity:.7;cursor:not-allowed;position:relative}
.modern-form-loading .modern-form-button::after{content:"";position:absolute;width:20px;height:20px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s ease infinite;top:50%;left:50%;transform:translate(-50%,-50%)}
@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
.modern-popup-benefits{background:#f8f9fa;padding:20px;border-radius:12px}
.modern-benefits-title{font-weight:600;margin-bottom:15px;color:#333}
.modern-benefits-list{list-style:none;padding:0;margin:0}
.modern-benefits-item{padding:5px 0 5px 25px;position:relative;color:#555}
.modern-benefits-item::before{content:"✓";position:absolute;left:0;color:#33808d;font-weight:bold}
@media (max-width:600px){.modern-popup-content{padding:30px 25px;margin:20px}.modern-popup-title{font-size:24px}}