.promo-banner-container{position:relative;width:100%;padding:0 4%;margin:60px 0;perspective:1200px}.promo-banner{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:380px;border-radius:24px;overflow:visible;box-shadow:0 40px 80px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.05),0 0 20px rgba(0,0,0,.4);background:linear-gradient(145deg,var(--theme-start,#1a1a2e),var(--theme-end,#16213e));cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;text-decoration:none;isolation:isolate}.promo-banner:before{background:radial-gradient(circle at 100% 0,rgba(255,255,255,.15) 0,transparent 50%);z-index:1}.promo-banner:after,.promo-banner:before{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none}.promo-banner:after{background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.2) 50%,transparent);z-index:2}.promo-content{position:relative;z-index:10;padding:0 60px;width:50%;color:white}.promo-badge{display:inline-flex;align-items:center;padding:6px 16px;border-radius:30px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);margin-bottom:24px;box-shadow:0 8px 24px rgba(0,0,0,.3);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.promo-title{font-size:48px;font-weight:900;margin:0 0 16px;text-transform:uppercase;letter-spacing:-1px;line-height:1.1;background:linear-gradient(135deg,#00acc1,#00838f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.promo-desc{font-size:18px;color:rgba(255,255,255,.7);margin-bottom:36px;line-height:1.5;max-width:95%;font-weight:500}.promo-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:linear-gradient(135deg,#00acc1,#00838f);color:#fff;border-radius:50px;font-weight:800;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px rgba(0,0,0,.3)}.promo-btn svg{transition:transform .3s ease}.promo-banner:hover .promo-btn{box-shadow:0 15px 30px rgba(0,172,193,.4);transform:translateY(-2px) scale(1.02)}.promo-banner:hover .promo-btn svg{transform:translateX(6px)}.promo-cards{position:absolute;right:2%;top:50%;transform:translateY(-50%);width:55%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5}.promo-card{position:absolute;width:140px;height:210px;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.6);transition:all .4s cubic-bezier(.25,1,.2,1);background-color:#111;border:1px solid rgba(255,255,255,.15)}.promo-card img{width:100%;height:100%;object-fit:cover;transition:filter .4s ease}.promo-card:first-child{transform:translate(-330px,-45px) rotate(-10deg);z-index:1}.promo-card:nth-child(2){transform:translate(-265px,55px) rotate(8deg);z-index:2}.promo-card:nth-child(3){transform:translate(-200px,-60px) rotate(-6deg);z-index:3}.promo-card:nth-child(4){transform:translate(-135px,70px) rotate(5deg);z-index:4}.promo-card:nth-child(5){transform:translate(-70px,-50px) rotate(-3deg);z-index:5}.promo-card:nth-child(6){transform:translateY(60px) rotate(4deg);z-index:6}.promo-card:nth-child(7){transform:translate(70px,-40px) rotate(-4deg);z-index:7}.promo-card:nth-child(8){transform:translate(135px,50px) rotate(6deg);z-index:8}.promo-card:nth-child(9){transform:translate(200px,-55px) rotate(-5deg);z-index:9}.promo-card:nth-child(10){transform:translate(265px,65px) rotate(8deg);z-index:10}.promo-card:nth-child(11){transform:translate(330px,-45px) rotate(-10deg);z-index:11}.promo-card:hover{z-index:100!important;box-shadow:0 30px 60px rgba(0,0,0,.9),0 0 30px rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.8)!important}.promo-card:first-child:hover{transform:translate(-330px,-45px) rotate(0deg) scale(1.15)}.promo-card:nth-child(2):hover{transform:translate(-265px,55px) rotate(0deg) scale(1.15)}.promo-card:nth-child(3):hover{transform:translate(-200px,-60px) rotate(0deg) scale(1.15)}.promo-card:nth-child(4):hover{transform:translate(-135px,70px) rotate(0deg) scale(1.15)}.promo-card:nth-child(5):hover{transform:translate(-70px,-50px) rotate(0deg) scale(1.15)}.promo-card:nth-child(6):hover{transform:translateY(60px) rotate(0deg) scale(1.15)}.promo-card:nth-child(7):hover{transform:translate(70px,-40px) rotate(0deg) scale(1.15)}.promo-card:nth-child(8):hover{transform:translate(135px,50px) rotate(0deg) scale(1.15)}.promo-card:nth-child(9):hover{transform:translate(200px,-55px) rotate(0deg) scale(1.15)}.promo-card:nth-child(10):hover{transform:translate(265px,65px) rotate(0deg) scale(1.15)}.promo-card:nth-child(11):hover{transform:translate(330px,-45px) rotate(0deg) scale(1.15)}@media (max-width:1200px){.promo-title{font-size:42px}.promo-cards{right:20%}}@media (max-width:1024px){.promo-title{font-size:38px}.promo-card{width:130px;height:195px}.promo-cards{right:25%}}@media (max-width:768px){.promo-banner{flex-direction:column;height:auto;padding:20px 15px;align-items:flex-start;text-align:left;overflow:hidden}.promo-banner:after{background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.4) 60%,transparent)}.promo-content{width:100%;padding:0;margin-bottom:24px;z-index:10}.promo-title{font-size:26px}.promo-desc{margin:0 0 16px;font-size:13px;line-height:1.4}.promo-btn{padding:8px 20px;font-size:13px;gap:8px;margin-bottom:8px}.promo-cards{position:relative;width:100%;height:250px;top:auto;bottom:0;left:0;transform:scale(.65);transform-origin:center top;margin-bottom:-80px}}