.wrapper{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;scroll-behavior:smooth}.slider{width:420px;height:600px;position:relative;perspective:500px;transform-style:preserve-3d}.slide{width:100%;height:100%;position:absolute;top:0;left:0;backface-visibility:hidden;border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px #0000001a;transition:all .3s ease;transform-style:preserve-3d;will-change:transform,opacity}.slide:hover{transform:scale(1.02);box-shadow:0 15px 35px #00000026}.slide{transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.slide.transitioning{pointer-events:none}.progress-indicator{position:fixed;top:20px;right:20px;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:12px 20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.progress-indicator:hover{transform:scale(1.05);box-shadow:0 12px 40px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) rotateX(0)}to{opacity:0;transform:translateY(-30px) rotateX(10deg)}}.slide.bg-gradient-to-br{position:relative;overflow:hidden}.slide.bg-gradient-to-br:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.slide.bg-gradient-to-br:hover:before{left:100%}@media (max-width: 768px){.slider{width:360px;height:500px}.slide{padding:1.5rem}.progress-indicator{top:10px;right:10px;padding:8px 16px;font-size:.875rem}}@media (max-width: 480px){.slider{width:320px;height:460px}.slide{padding:1rem}.progress-indicator{top:5px;right:5px;padding:6px 12px;font-size:.75rem}}.slide *{transition:all .3s ease}.slide h3{font-weight:700;line-height:1.2}.slide .text-2xl{font-weight:800}.slide a{position:relative;overflow:hidden;z-index:1}.slide a:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:-1}.slide a:hover:after{left:100%}.scroll-indicator{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px}.scroll-dot{width:8px;height:8px;border-radius:50%;background:#ef44444d;transition:all .3s ease;cursor:pointer}.scroll-dot.active{background:#ef4444;transform:scale(1.5)}.scroll-dot:hover{background:#ef444499;transform:scale(1.2)}.particles-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#ef44441a;border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-20px) translate(10px);opacity:.8}}@media (prefers-reduced-motion: reduce){.slide,.slide *,.particle{animation:none!important;transition:none!important}.progress-indicator{display:none!important}}.slide{transform-style:preserve-3d}.slide>*{transform:translateZ(10px)}.slide{box-shadow:0 10px 25px #0000001a,0 0 0 1px #ef44440d}.slide:hover{box-shadow:0 20px 40px #00000026,0 0 0 1px #ef44441a}html{scroll-behavior:smooth}.gsap-marker-start,.gsap-marker-end,.gsap-marker-scroller-start,.gsap-marker-scroller-end{display:none!important}.slide.loading{opacity:.5;transform:scale(.95)}.navigation-dots{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:1000}.nav-dot{width:12px;height:12px;border-radius:50%;background:#ef44444d;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.nav-dot.active{background:#ef4444;transform:scale(1.3);border-color:#ffffff80}.nav-dot:hover{background:#ef444499;transform:scale(1.1)}.scroll-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ef4444b3;font-size:.875rem;font-weight:500;animation:bounce 2s infinite;pointer-events:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.slide{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.slide.transitioning{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slide:focus-within{outline:2px solid #ef4444;outline-offset:2px}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(239,68,68,.3) transparent}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ef44444d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ef444480}.marquee-container{position:relative;width:100%;overflow:hidden;padding:1.5rem 0}.marquee-track{display:flex;width:-moz-fit-content;width:fit-content;animation:marquee var(--marquee-speed, 20s) linear infinite;gap:1rem}.marquee-content{display:flex;gap:1rem;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 1rem))}}.tech-icon-hover{position:relative;overflow:hidden}.tech-icon-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .4s ease;z-index:1}.tech-icon-hover:hover:before{left:100%}.tech-icon-hover:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 15px 30px #3b82f633}.tech-icon-hover{animation:fadeInUp .4s ease forwards;opacity:0;transform:translateY(10px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.tech-icon-hover:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .4s ease;pointer-events:none}.tech-icon-hover:hover:after{transform:translate(100%)}.marquee-container:hover .marquee-track{animation-play-state:paused}.tech-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.tech-particle{position:absolute;width:2px;height:2px;background:#3b82f61a;border-radius:50%;animation:techFloat 8s ease-in-out infinite}@keyframes techFloat{0%,to{transform:translateY(0) translate(0);opacity:.2}50%{transform:translateY(-30px) translate(15px);opacity:.6}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none!important}.tech-icon-hover{animation:none!important;opacity:1;transform:none}.tech-particle{animation:none!important}}