.hero{position:relative}.hero:after{content:"";position:absolute;left:0;bottom:28px;width:82px;height:3px;border-radius:10px;background:linear-gradient(90deg,#58e7ff,#8b7cff,#ff62b4);box-shadow:0 0 18px rgba(88,231,255,.55)}.hero-label{display:inline-flex;margin:0 0 15px;padding:7px 11px;border:1px solid rgba(88,231,255,.25);border-radius:999px;background:rgba(88,231,255,.08);color:#9eebff;font-size:9px;font-weight:800;letter-spacing:.16em}.logo span{font-size:20px;letter-spacing:-1px}.promo{margin-bottom:28px;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:linear-gradient(145deg,rgba(11,22,41,.78),rgba(4,11,23,.66));box-shadow:0 25px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(22px)}.promo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.promo-link{display:flex;align-items:center;gap:8px;color:#a6b5ca;font-size:10px;font-weight:700;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;transition:.25s}.promo-link span{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(88,231,255,.28);border-radius:50%;color:#7beaff}.promo-link:hover{color:#fff}.slider{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#07101f;box-shadow:0 20px 55px rgba(0,0,0,.42)}.slides{position:relative;aspect-ratio:16/9}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .8s ease,transform 1.2s ease,visibility .8s}.slide.active{opacity:1;visibility:visible;transform:scale(1)}.slide img{display:block;width:100%;height:100%;object-fit:cover}.slider:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 -75px 70px -70px rgba(2,6,15,.8)}.slider-nav{position:absolute;z-index:3;top:50%;width:46px;height:46px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(5,13,27,.6);color:#fff;font-size:31px;line-height:1;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 8px 25px rgba(0,0,0,.3);transition:.25s}.slider-nav:hover,.slider-nav:focus-visible{border-color:#77e9ff;background:rgba(20,48,79,.82);box-shadow:0 0 25px rgba(88,231,255,.28);outline:none}.slider-nav.prev{left:16px}.slider-nav.next{right:16px}.slider-bottom{position:absolute;z-index:4;left:22px;right:22px;bottom:18px;display:flex;align-items:center;justify-content:space-between}.slider-dots{display:flex;gap:7px}.slider-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48);cursor:pointer;transition:.35s}.slider-dot.active{width:30px;background:#fff;box-shadow:0 0 15px rgba(255,255,255,.65)}.pause-button{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(4,11,23,.54);color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px)}.pause-button span{width:7px;height:8px;border-left:2px solid currentColor;border-right:2px solid currentColor}.pause-button.paused span{border:0;border-left:7px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}.slide-progress{position:absolute;z-index:5;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}.slide-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4ee5ff,#8878ff,#ff5fac);box-shadow:0 0 12px #58e7ff}.slide-progress i.running{animation:slideTimer 6s linear forwards}@keyframes slideTimer{to{width:100%}}@media(max-width:700px){.hero:after{bottom:20px}.promo{padding:14px 12px;border-radius:23px}.promo-head{align-items:flex-start}.promo-head h2{font-size:23px}.promo-link{display:none}.slider{border-radius:16px}.slider-nav{width:36px;height:36px;font-size:25px}.slider-nav.prev{left:9px}.slider-nav.next{right:9px}.slider-bottom{left:13px;right:13px;bottom:11px}.pause-button{padding:6px 8px}.slider-dot{width:7px;height:7px}.slider-dot.active{width:22px}}@media(max-width:430px){.slides{aspect-ratio:16/10}.slide img{object-fit:cover}.promo-head{margin-bottom:13px}.slider-nav{top:46%}}