.hero-modern{position:relative;width:100%;height:100vh;min-height:600px;max-height:900px;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.hero-modern-container,.hero-modern-slides-wrapper{position:relative;width:100%;height:100%}.hero-modern-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translate(100%)}.hero-modern-slide.active{opacity:1;visibility:visible;transform:translate(0);z-index:2}.hero-modern-slide.prev{transform:translate(-100%);z-index:1}.hero-modern-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-modern-image{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 8s ease-out}.hero-modern-slide.active .hero-modern-image{transform:scale(1)}.hero-modern-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f60,#ff8533,#fa6)}.hero-modern-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1ad9,#1a1a1a99,#1a1a1ad9);z-index:1}.hero-modern-content{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 20px}.hero-modern-content-inner{max-width:900px;text-align:center;color:#fff;transform:translateY(30px);opacity:0;transition:transform 1s cubic-bezier(.4,0,.2,1),opacity 1s cubic-bezier(.4,0,.2,1);transition-delay:.3s}.hero-modern-slide.active .hero-modern-content-inner{transform:translateY(0);opacity:1}.hero-modern-title{font-size:clamp(32px,5vw,64px);font-weight:800;margin-bottom:20px;line-height:1.2;color:#f60;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 10px rgba(0,0,0,.5)}.hero-modern-description{font-size:clamp(16px,2vw,20px);line-height:1.8;margin-bottom:35px;color:#fffffff2;max-width:700px;margin-left:auto;margin-right:auto}.hero-modern-button{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#f60,#ff8533);color:#fff;font-size:18px;font-weight:600;text-decoration:none;border-radius:50px;box-shadow:0 10px 30px #f606;transition:all .3s ease;position:relative;overflow:hidden}.hero-modern-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.hero-modern-button:hover:before{left:100%}.hero-modern-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #f609;background:linear-gradient(135deg,#ff8533,#f60)}.hero-modern-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.7}.hero-modern-nav:hover{background:#ff6600e6;border-color:#f60;opacity:1;transform:translateY(-50%) scale(1.1)}.hero-modern-prev{left:30px}.hero-modern-next{right:30px}.hero-modern-indicators{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.hero-modern-indicator{width:12px;height:12px;border-radius:50%;background:#fff6;border:2px solid rgba(255,255,255,.6);cursor:pointer;transition:all .3s ease;padding:0;position:relative;overflow:hidden}.hero-modern-indicator:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#f60;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.hero-modern-indicator.active:before{width:100%;height:100%}.hero-modern-indicator.active{border-color:#f60;background:transparent}.hero-modern-indicator:hover{transform:scale(1.3);border-color:#f60}.hero-modern-counter{position:absolute;bottom:40px;right:40px;z-index:10;display:flex;align-items:center;gap:8px;color:#fff;font-size:18px;font-weight:600;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.2)}.hero-modern-counter .current-slide{color:#f60;font-size:24px}.hero-modern-counter .separator{opacity:.6}.hero-modern-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}@media (max-width: 768px){.hero-modern{min-height:500px;max-height:600px}.hero-modern-nav{width:40px;height:40px}.hero-modern-prev{left:15px}.hero-modern-next{right:15px}.hero-modern-counter{bottom:20px;right:20px;font-size:14px;padding:8px 16px}.hero-modern-counter .current-slide{font-size:18px}.hero-modern-indicators{bottom:80px}}