.about-section{background-color:var(--white);padding-top:50px}.about-section-desktop{display:none}.about-section-mobile{text-align:center;display:block;overflow:hidden}.main-title{text-align:center;margin-bottom:50px;font-size:2.5rem;font-weight:700}.mobile-slider{-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.mobile-slide{box-sizing:border-box;min-width:100%;padding:0 16px}.mobile-slider:active{cursor:grabbing}.mobile-image img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:auto;width:100%;max-width:300px;max-height:300px;margin:0 auto 20px;display:block}.mobile-card{color:#fff;background:linear-gradient(#0c1220,#050810);border-radius:20px;padding:24px;box-shadow:0 10px 25px #0000000d}.mobile-card h3{color:var(--main-color);margin-bottom:12px;font-size:22px}.mobile-card h3 span{color:var(--main-color)}.mobile-desc{opacity:.85;margin-bottom:20px;font-size:15px;line-height:1.6}.mobile-dots{justify-content:center;gap:10px;padding:20px;display:flex}.mobile-dots .dot{background:var(--main-color);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.mobile-dots .dot.active{background:var(--main-color);box-shadow:0 0 10px var(--main-color);transform:scale(1.4)}@media (min-width:1024px){.about-section-mobile{display:none}.about-section-desktop{display:block}.content-wrapper{align-items:center;gap:50px;max-height:550px;display:flex}.image-column{width:45%;max-width:500px;height:100%}.info-column{flex:1;min-width:350px}.main-title{text-align:center;margin-bottom:50px;font-size:2.5rem;font-weight:700}.sub-title{margin-bottom:15px;font-size:1.4rem;transition:all .5s}.about-item.active .sub-title{color:var(--main-color);font-size:1.8rem}.about-item{cursor:pointer;border-left:5px solid #ffffff1a;margin-bottom:25px;padding-left:20px;transition:all .3s;position:relative}.about-item:before{content:"";background-color:var(--main-color);width:5px;height:0%;transition:none;position:absolute;top:0;left:0}.about-item.active:before{animation:8s linear forwards progressFill}.about-item h4{margin-bottom:8px;font-size:1.1rem;font-weight:600}.about-item p{color:#94a3b8;font-size:.95rem;line-height:1.5}.ui-mockup img{max-height:500px;transition:transform .4s,opacity .4s}.ui-mockup img.slide-in-left{opacity:0;animation:.6s cubic-bezier(.25,.8,.25,1) forwards slideInLeft;transform:translate(-100px)}.ui-mockup img.slide-in-right{opacity:0;animation:.6s cubic-bezier(.25,.8,.25,1) forwards slideInRight;transform:translate(100px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes progressFill{0%{height:0%}to{height:100%}}