.hero-container{position:relative;width:100%;height:90vh;max-height:1000px;overflow:hidden;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.hero-slides{position:relative}.hero-slides,.slide{width:100%;height:100%}.slide{position:absolute;opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);transform:scale(.98);will-change:opacity,transform}.slide.active{opacity:1;transform:scale(1);z-index:1}.image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slide-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 8s cubic-bezier(.16,1,.3,1)}.slide.active .slide-image{transform:scale(1.05)}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,0));opacity:.6}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:white;transition:all .3s ease;opacity:0}.hero-container:hover .hero-nav{opacity:1}.hero-nav:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}.hero-nav svg{width:24px;height:24px}.prev{left:32px}.next{right:32px}.hero-pagination{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.pagination-dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease;padding:0}.pagination-dot.active,.pagination-dot:hover{background:white;transform:scale(1.3)}.pagination-dot.active{width:30px;border-radius:8px}.hero-skeleton{width:100%;height:100%;background:linear-gradient(-45deg,#f0f0f0,#e0e0e0,#f0f0f0,#e0e0e0);background-size:400% 400%;animation:gradient 2s ease infinite;border-radius:16px}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:1024px){.hero-container{height:90vh;border-radius:12px}.hero-nav{width:48px;height:48px}.prev{left:24px}.next{right:24px}}@media (max-width:768px){.hero-container{height:100vh;border-radius:0}.hero-pagination{bottom:24px}.pagination-dot{width:8px;height:8px}.pagination-dot.active{width:24px}.hero-nav{width:40px;height:40px;opacity:1;background:rgba(255,255,255,.3)}}@media (max-width:480px){.hero-container{height:50vh}.slide-overlay{opacity:.4}.hero-pagination{bottom:16px;gap:8px}}