.hero-left-panel img{transition:opacity .6s cubic-bezier(.4,0,.2,1)}
.mobile-only-section{display:block}@media (min-width:640px){.mobile-only-section{display:none!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--glass-bg)25%,color-mix(in srgb,var(--text-color)6%,transparent)37%,var(--glass-bg)63%);border-radius:var(--radius-xl,12px);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer}:root[data-theme=dark] .skeleton-shimmer,.dark .skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 37%,#ffffff0a 63%) 0 0/200% 100%;animation:1.8s ease-in-out infinite shimmer}.skeleton-card{aspect-ratio:2/3;border-radius:var(--radius-2xl,16px);overflow:hidden}.img-fade-in{transition:opacity .4s ease-out;opacity:1!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.5s ease-out forwards fadeInUp}@keyframes skeletonToContent{0%{opacity:0}to{opacity:1}}.skeleton-exit{animation:.3s ease-out skeletonToContent}.slideshow-skeleton{border-radius:var(--radius-2xl,16px);position:relative;overflow:hidden}.slideshow-skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%) 0 0/200% 100%;animation:2s ease-in-out infinite shimmer;position:absolute;inset:0}@media (hover:none){.touch-feedback:active{transition:transform .1s;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.skeleton-shimmer,.slideshow-skeleton:after{animation:none}.img-fade-in,.animate-fade-in-up{opacity:1;animation:none}.page-loader-dot{animation:none}}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.page-loader-dot{background:var(--accent-color,#f59e0b);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite dotBounce}.page-loader-dot:nth-child(2){animation-delay:.16s}.page-loader-dot:nth-child(3){animation-delay:.32s}.page-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:60vh;animation:.4s ease-out fadeInUp;display:flex}.page-loading-dots{align-items:center;gap:8px;display:flex}@keyframes brandSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-spinner{border:3px solid color-mix(in srgb,var(--accent-color,#f59e0b)20%,transparent);border-top-color:var(--accent-color,#f59e0b);width:48px;height:48px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent-color,#f59e0b)30%,transparent));border-radius:50%;animation:.8s linear infinite brandSpin}
