.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9)}.modal .close{position:absolute;top:20px;right:30px;color:white;font-size:40px;font-weight:bold;cursor:pointer;transition:color 0.2s ease}.modal .close:hover{color:var(--primary-color)}.modal-content{margin:auto;display:block;max-width:90%;max-height:90%;width:auto;height:auto;position:relative;top:50%;transform:translateY(-50%)}@media (max-width:768px){.modal .close{top:15px;right:20px;font-size:35px}}@media (max-width:576px){.modal .close{top:10px;right:15px;font-size:30px}}