.modal.fade .modal-dialog {transition: transform 0.5s ease-out, opacity 0.5s ease-out; transform: translateY(-50px); opacity: 0;}
.modal.fade.show .modal-dialog {transform: translateY(0); opacity: 1;}
.neonText {animation: flicker 1.5s infinite alternate; color: #fff;}
@keyframes flicker {0%, 18%, 22%, 25%, 53%, 57%, 100% {text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #0fa, 0 0 80px #0fa, 0 0 90px #0fa, 0 0 100px #0fa, 0 0 150px #0fa;} 20%, 24%, 55% {text-shadow: none;}}
.modalyazi {text-align: center; font-weight: 500; font-size: 1.5rem; margin-bottom: 6px; width: 100%;}
.modal-header {background: black; justify-content: center;}
.modal-backdrop {background-color: rgba(255, 255, 255, 0.8) !important; --bs-backdrop-zindex: 0;}
.img-responsive {height: 600px; width: 500px;}
.modal-body {padding: 10px !important;}
@media (max-width: 768px) {.img-responsive {height: 520px;} .modal-dialog {--bs-modal-width: 300px; width: 300px; margin: 20px auto;} .modalyazi {font-size: 1rem;} .modal-header .btn-close {width: 0.8rem; height: 0.8rem; padding: 0.25rem;} .btn-close {margin-top: -3rem !important; width: 4px !important; height: 4px !important;}}