.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .5);z-index:999;display:none;animation:fadeInOverlay 0.3s ease-out}@keyframes fadeInOverlay{0%{opacity:0}100%{opacity:1}}.custom-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 6px rgb(0 0 0 / .2);z-index:1000;display:none;width:90vw;max-width:400px;max-height:90vh;overflow-y:auto;box-sizing:border-box;text-align:center;animation:fadeInUp 0.4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-60%)}100%{opacity:1;transform:translate(-50%,-50%)}}.custom-modal img{width:80%;max-width:220px;height:auto;margin:12px auto}.modal-close{position:absolute;top:8px;right:8px;font-size:22px;background:rgb(255 255 255 / .9);border:1px solid #ccc;border-radius:50%;width:32px;height:32px;text-align:center;line-height:30px;font-weight:700;color:#333;box-shadow:0 1px 3px rgb(0 0 0 / .2);cursor:pointer;transition:background 0.3s,color 0.3s}.modal-close:hover{background:#f2f2f2;color:#000}.coming-soon{font-size:20px;font-weight:700;color:#004aad;margin:8px 0}.modal-description{font-size:13px;color:#333;margin-top:12px;line-height:1.4;word-break:break-word}.modal-buttons{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}.modal-button{display:inline-block;padding:10px 16px;background:#007BFF;color:#fff;text-decoration:none;border-radius:5px;font-size:14px;transition:background 0.3s;width:100%;max-width:280px;box-sizing:border-box}.modal-button:hover{background:#0056b3}