.modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-close-btn{z-index:11;cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#333;background:#f5f5f5}.modal-container{background:#fff;border-radius:12px;width:100%;max-height:80vh;animation:.3s modalFadeIn;position:relative;overflow-y:auto;box-shadow:0 4px 20px #00000026}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-body{min-height:465px;display:flex}.modal-abstract{justify-content:flex-end;align-items:center;width:30%;display:flex;position:relative;box-shadow:4px 0 8px #00000014}.modal-abstract-img{object-fit:contain;object-position:left center;height:465px;position:absolute;right:-10px}.modal-content{flex-direction:column;justify-content:center;align-items:center;width:70%;padding:48px 72px 48px 48px;display:flex}.modal-title{color:#111827;margin-bottom:16px;font-size:28px;font-weight:700}.modal-description{color:#6b7280;font-size:15px;line-height:1.7}@media (max-width:768px){.modal-body{flex-direction:column-reverse}.modal-abstract{width:100%;height:200px;box-shadow:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.modal-abstract-img{object-fit:contain;max-width:100%;height:auto;position:static;transform:rotate(90deg)}.modal-content{width:100%;padding:48px 24px}}