.gallery-modal {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15, 23, 42, 0.95); z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.gallery-modal.show {opacity:1;visibility:visible;}.modal-content {width:90%;max-width:1000px;background-color:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);display:flex;flex-direction:column;transform:translateY(30px) scale(0.97);opacity:0;transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);}.gallery-modal.show .modal-content {transform:translateY(0) scale(1);opacity:1;}.modal-close {position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:rgba(255, 255, 255, 0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;cursor:pointer;z-index:10;transition:all 0.3s ease;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}.modal-close:hover {background-color:rgba(255, 255, 255, 0.25);transform:rotate(90deg);}.modal-image-container {position:relative;width:100%;height:0;padding-bottom:56.25%; overflow:hidden;background-color:#f1f5f9; }.modal-image-container::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 100%);z-index:1;}#modalImage {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 6s ease;background-color:var(--color-primary);}.modal-content:hover #modalImage {transform:scale(1.05);}.modal-caption {padding:30px;background:white;position:relative;}.modal-caption::before {content:'';position:absolute;top:-15px;left:30px;right:30px;height:2px;background:linear-gradient(to right, var(--color-primary, #3b82f6) 0%, rgba(255, 255, 255, 0) 100%);border-radius:2px;}#modalTitle {margin:0 0 15px 0;font-size:28px;font-weight:700;color:#1e293b; position:relative;padding-left:16px;}#modalTitle::before {content:'';position:absolute;left:0;top:8px;bottom:8px;width:4px;background-color:var(--color-primary, #3b82f6);border-radius:2px;}#modalDescription {margin:0 0 30px 0;font-size:16px;line-height:1.7;color:#64748b; }.modal-button {padding:12px 24px;background-color:var(--color-primary, #3b82f6);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;}.modal-button::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left 0.7s ease;}.modal-button:hover:not(.disabled-feature)::before {left:100%;}.modal-button:hover:not(.disabled-feature) {transform:translateY(-3px);box-shadow:0 6px 15px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3);background-color:var(--color-secondary, #1d4ed8);}.modal-button:active:not(.disabled-feature) {transform:translateY(0);box-shadow:0 3px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2);}@media (max-width:768px) {.modal-content {width:95%;flex-direction:column;}.modal-caption {padding:20px;}#modalTitle {font-size:22px;}.modal-close {top:10px;right:10px;width:36px;height:36px;font-size:20px;}.feature-tooltip {top:auto;bottom:50px;}.feature-tooltip::after {top:100%;border-color:rgba(15, 23, 42, 0.9) transparent transparent transparent;}}@media (prefers-color-scheme:dark) {.modal-content {background-color:#1e293b;}.modal-caption {background-color:#ffffff;}#modalTitle {color:#f1f5f9;}#modalDescription {color:#cbd5e1;}.modal-image-container {background-color:#0f172a;}}