*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#222;min-height:100vh;display:flex;align-items:center;justify-content:center}.slider-container{width:100%;max-width:1200px;height:100vh;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.now-showing{position:absolute;top:20px;left:20px;color:#9fff6b;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:10}.now-showing:before{content:"";width:6px;height:6px;background:#9fff6b;border-radius:50%}.accordion-slider{display:flex;height:100%;position:relative}.slide{flex:1;position:relative;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .8s cubic-bezier(.4,0,.2,1);overflow:hidden;filter:grayscale(1)}.slide:hover{filter:grayscale(0)}.slide.active{flex:2.5;filter:grayscale(0)}.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 80%)}.slide-content{position:absolute;bottom:30px;left:30px;right:30px;color:#fff;z-index:2}.slide.active .slide-content{bottom:80px;transition:all .8s cubic-bezier(.4,0,.2,1) .2s}.slide-number{font-size:64px;font-weight:300;color:#fff9;line-height:1;position:absolute;bottom:30px;left:30px;transition:all .8s cubic-bezier(.4,0,.2,1)}.slide.active .slide-number{bottom:auto;top:-50px;font-size:48px;left:0}.car-brand{font-size:16px;font-weight:600;color:#fffc;margin-bottom:5px;transform:rotate(-90deg);transform-origin:left bottom;position:absolute;bottom:100px;left:30px;white-space:nowrap;transition:all .8s cubic-bezier(.4,0,.2,1)}.slide.active .car-brand{transform:rotate(0);position:static;transform-origin:unset}.car-name{font-size:28px;font-weight:700;margin-bottom:8px;color:#f6f3f7;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);transition-delay:0s}.slide.active .car-name{opacity:1;transform:translateY(0);transition-delay:.3s}.car-subtitle{font-size:16px;color:#fffc;margin-bottom:20px;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);transition-delay:0s}.slide.active .car-subtitle{opacity:1;transform:translateY(0);transition-delay:.4s}.car-specs{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);transition-delay:0s}.slide.active .car-specs{opacity:1;transform:translateY(0);transition-delay:.5s}.spec-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px;opacity:0;transform:translate(-20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.slide.active .spec-row{opacity:1;transform:translate(0)}.slide.active .spec-row:nth-child(1){transition-delay:.6s}.slide.active .spec-row:nth-child(2){transition-delay:.65s}.slide.active .spec-row:nth-child(3){transition-delay:.7s}.slide.active .spec-row:nth-child(4){transition-delay:.75s}.spec-label{color:#e9e9e9b3}.spec-value{color:#fff;font-weight:600}.performance-badges{color:#222;display:flex;gap:12px;margin-top:15px;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);transition-delay:0s}.slide.active .performance-badges{opacity:1;transform:translateY(0);transition-delay:.8s}.badge{display:flex;align-items:center;padding:5px 25px;background:#f6f3f7;border-radius:10px;font-size:1rem;font-weight:700;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.slide.active .badge{opacity:1;transform:scale(1)}.slide.active .badge:nth-child(1){transition-delay:.85s}.slide.active .badge:nth-child(2){transition-delay:.9s}.slide.active .badge:nth-child(3){transition-delay:.95s}.badge-icon{width:8px;height:8px;border-radius:50%}.add-button{position:absolute;bottom:30px;right:30px;width:32px;height:32px;background:transparent;border:2px solid #9fff6b;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;z-index:3}.add-button:before,.add-button:after{content:"";position:absolute;background:#9fff6b;transition:all .4s ease}.add-button:before{width:12px;height:2px}.add-button:after{width:2px;height:12px;transform:rotate(0)}.slide.active .add-button:before{transform:rotate(0)}.slide.active .add-button:after{opacity:0;transform:scale(0)}.navigation-arrows{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-prev{left:20px}.nav-next{right:20px}.navigation-arrows:hover{background:#fff3}@media (max-width: 768px){.accordion-slider{flex-direction:column}.slide{flex:1;min-height:80px}.slide.active{flex:2}.slide-number{font-size:32px}.car-brand{transform:none;position:static}}