:root{--primary-color:#0275d8;--secondary-color:#f8f9fa;--text-color:#333;--shadow-color:rgba(0, 0, 0, 0.1)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f2f5;overflow-x:hidden}.screenshot{padding:30px 0;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%)}.screenshot .section-title{text-align:center;margin-bottom:30px;padding:0 15px}.screenshot .section-title h2{font-weight:700;color:var(--text-color);margin-bottom:15px;font-size:calc(1.5rem + 1vw)}.screenshot-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.1);margin-bottom:30px;transition:all .3s ease;height:100%}.screenshot-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.screenshot-item img{width:100%;height:auto;border-radius:8px;transition:transform .5s ease;object-fit:cover}.screenshot-item:hover img{transform:scale(1.03)}.screenshot-wrapper{position:relative;padding:15px;background-color:#fff;border-radius:12px;height:100%}@media (prefers-reduced-motion:no-preference){.fade-in-up{animation:fadeInUp;animation-duration:1s}}@media (max-width:767.98px){.screenshot{padding:20px 0}.screenshot-item{margin-bottom:20px}.section-title h2{font-size:1.75rem}.container{padding-left:20px;padding-right:20px}}@media (max-width:575.98px){.screenshot{padding:15px 0}.section-title h2{font-size:1.5rem}.screenshot-wrapper{padding:10px}}@media (min-width:992px){.row-eq-height{display:flex;flex-wrap:wrap}.row-eq-height>[class*=col-]{display:flex;flex-direction:column}}.lazy-load{opacity:0;transition:opacity .3s ease-in}.loaded{opacity:1}