.promo-bar{
background:linear-gradient(90deg,#0B1E33 0%,#1B3B5C 25%,#2A5F7A 50%,#3C8DAD 75%,#5FB3D9 100%);
background-size:400% 400%;
animation:gradientTech 8s ease infinite;
color:#fff;
padding:14px 0;
text-align:center;
font-size:14px;
position:relative;
z-index:10000;
border-bottom:2px solid #5FB3D9;
box-shadow:0 4px 20px rgba(0,180,255,.5),0 0 30px rgba(95,179,217,.3);
text-shadow:0 2px 5px rgba(0,30,50,.5);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

.promo-bar::before{
content:"";
position:absolute;
inset:0;
background:repeating-linear-gradient(45deg,rgba(95,179,217,.1) 0px,rgba(95,179,217,.1) 2px,transparent 2px,transparent 10px);
pointer-events:none;
animation:circuitGlow 4s linear infinite;
}

.promo-bar::after{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 30% 50%,rgba(0,180,255,.2),transparent 70%);
pointer-events:none;
}

.promo-content{
max-width:1600px;
margin:0 auto;
padding:0 15px;
position:relative;
z-index:2;
}

.promo-content .highlight{
background:linear-gradient(135deg,#FFD700,#FFA500);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight:900;
animation:pulseGold 2s ease-in-out infinite;
}

.promo-link{
color:#fff;
margin-left:12px;
text-decoration:none;
font-weight:700;
padding:6px 18px;
background:linear-gradient(135deg,#2A5F7A,#3C8DAD);
border-radius:30px;
border:1px solid rgba(95,179,217,.8);
box-shadow:0 0 15px rgba(95,179,217,.6),inset 0 0 10px rgba(255,255,255,.3);
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:.5px;
font-size:13px;
}

.promo-link:hover{
transform:scale(1.05) translateY(-2px);
background:linear-gradient(135deg,#3C8DAD,#5FB3D9);
color:#fff;
box-shadow:0 0 25px rgba(95,179,217,.9),0 5px 15px rgba(0,0,0,.2);
border-color:#fff;
}

.promo-close{
background:linear-gradient(135deg,#2A5F7A,#0B1E33);
border:1px solid #5FB3D9;
color:#fff;
cursor:pointer;
margin-left:15px;
font-size:18px;
width:28px;
height:28px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
transition:all .3s ease;
}

.promo-close:hover{
background:#fff;
color:#0B1E33;
transform:rotate(90deg) scale(1.1);
box-shadow:0 0 20px rgba(255,255,255,.9);
}

@keyframes gradientTech{
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}

@keyframes circuitGlow{
0%{opacity:.3;}
50%{opacity:.7;}
100%{opacity:.3;}
}

@keyframes pulseGold{
0%{opacity:.8;}
50%{opacity:1;}
100%{opacity:.8;}
}

@media(max-width:768px){
.promo-content{font-size:12px;line-height:1.5;}
.promo-link{display:inline-block;margin:5px 0 0 0;padding:5px 15px;font-size:12px;}
}