.bn-widget{width:100%;font-family:'Roboto',Arial,sans-serif;position:relative;box-sizing:border-box;margin:0}
.bn-widget *{box-sizing:border-box}
.bn-video-container{position:relative;overflow:hidden;min-height:440px;background:#0a1628;border-radius:0;isolation:isolate}
.bn-video-container::after{content:'';position:absolute;bottom:-2px;right:-2px;width:350px;height:200px;z-index:1;pointer-events:none;background:linear-gradient(135deg,transparent 0%,transparent 55%,#d7050f 55%,#d7050f 57%,transparent 57%),linear-gradient(135deg,transparent 0%,transparent 65%,rgba(215,5,15,0.8) 65%,rgba(215,5,15,0.8) 66.5%,transparent 66.5%),linear-gradient(135deg,transparent 0%,transparent 75%,rgba(215,5,15,0.5) 75%,rgba(215,5,15,0.5) 76%,transparent 76%);opacity:0.9}

/* HARTA E BOTES ME PIKA SI NE FOTO */
.bn-worldmap-bg{position:absolute;top:0;right:0;width:65%;height:100%;z-index:1;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 600"><defs><pattern id="worldDots" x="0" y="0" width="8" height="8" patternUnits="userSpaceOnUse"><circle cx="4" cy="4" r="0.8" fill="rgba(100,150,200,0.15)"/></pattern></defs><rect width="1000" height="600" fill="url(%23worldDots)"/><g fill="rgba(100,150,200,0.12)"><path d="M300,200 Q350,180 400,200 T500,200 Q550,220 600,200 L580,240 Q530,260 480,240 T380,240 Q330,220 300,240 Z"/><path d="M650,250 Q700,230 750,250 T850,250 L830,290 Q780,310 730,290 T630,290 Q580,270 650,250 Z"/><path d="M200,350 Q250,330 300,350 T400,350 L380,390 Q330,410 280,390 T180,390 Q130,370 200,350 Z"/></g></svg>');background-size:cover;background-position:center;opacity:0.4}

.bn-connection-ultra{position:absolute;top:0;left:42%;width:240px;height:100%;z-index:4;pointer-events:none;overflow:hidden}
.bn-melt-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0a1628 0%,rgba(10,22,40,0.95) 10%,rgba(26,35,126,0.6) 30%,rgba(215,5,15,0.3) 50%,rgba(0,0,0,0.15) 70%,transparent 100%);filter:blur(4px);animation:meltFlow 5s ease-in-out infinite}
@keyframes meltFlow{0%,100%{transform:translateX(0) scaleX(1);opacity:0.85}50%{transform:translateX(20px) scaleX(1.15);opacity:1}}
.bn-line-red-pro{position:absolute;top:48%;left:50%;transform:translateX(-50%);width:150px;height:3px;background:linear-gradient(90deg,transparent 0%,#d7050f 10%,#d7050f 90%,transparent 100%);box-shadow:0 0 30px rgba(215,5,15,1),0 0 60px rgba(215,5,15,0.6);z-index:5;animation:redMelt 3s ease-in-out infinite}
.bn-line-white-pro{position:absolute;top:53%;left:calc(50% + 30px);transform:translateX(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.98) 20%,rgba(255,255,255,0.98) 80%,transparent 100%);box-shadow:0 0 25px rgba(255,255,255,0.9);z-index:5;animation:whiteMelt 3s ease-in-out infinite 0.5s}
.bn-line-accent{position:absolute;top:50.5%;left:calc(50% - 20px);transform:translateX(-50%);width:70px;height:1.5px;background:linear-gradient(90deg,transparent 0%,#d7050f 50%,transparent 100%);box-shadow:0 0 20px rgba(215,5,15,0.9);z-index:5;animation:accentMelt 3s ease-in-out infinite 1s}
@keyframes redMelt{0%,100%{width:150px;opacity:0.9;filter:blur(0px)}50%{width:180px;opacity:1;filter:blur(1px)}}
@keyframes whiteMelt{0%,100%{width:100px;opacity:0.85}50%{width:125px;opacity:1}}
@keyframes accentMelt{0%,100%{width:70px;opacity:0.7}50%{width:90px;opacity:0.95}}

.bn-video-container iframe{position:absolute;top:0;right:0;width:55%;height:100%;border:none;z-index:2}
.bn-overlay{position:absolute;top:0;left:0;width:60%;height:100%;z-index:3;background:linear-gradient(90deg,#0a1628 0%,#0a1628 65%,rgba(10,22,40,0.2) 85%,transparent 100%);pointer-events:none}
.bn-content{position:absolute;top:0;left:0;z-index:6;width:45%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:65px 50px}
.bn-top-label-spektakel{display:inline-block;width:max-content;margin-bottom:45px;padding:11px 26px;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#fff;font-weight:900;font-size:19px;letter-spacing:0.5px;text-transform:uppercase;position:relative;border:2px solid rgba(255,255,255,0.15);box-shadow:0 4px 15px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.1);font-family:'Roboto Condensed','Arial Black',sans-serif;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.bn-top-label-spektakel span{position:relative;z-index:2}
.bn-corner-red{position:absolute;top:-2px;right:-2px;width:0;height:0;border-style:solid;border-width:0 16px 16px 0;border-color:transparent #d7050f transparent transparent;z-index:1}
.bn-title{color:#fff;font-size:44px;font-weight:800;line-height:1.1;margin:0 0 22px 0;text-shadow:0 4px 20px rgba(0,0,0,0.7);font-family:'Roboto Condensed','Arial Black',sans-serif}
.bn-title a{color:#fff;text-decoration:none;transition:color 0.3s}
.bn-title a:hover{color:#d7050f}
.bn-bottom-label{color:rgba(255,255,255,0.75);font-size:18px;line-height:1.65;font-weight:400;max-width:95%;font-family:'Roboto',Arial,sans-serif}

@media (max-width:768px){.bn-video-container{min-height:400px;border-radius:8px}.bn-connection-ultra{display:none}.bn-worldmap-bg{display:none}.bn-video-container iframe{position:relative;width:100%;height:260px;border-radius:8px 8px 0 0}.bn-overlay{width:100%;height:calc(100% - 260px);top:260px;background:linear-gradient(180deg,transparent 0%,#0a1628 8%,#0a1628 100%)}.bn-content{position:relative;width:100%;height:auto;padding:45px 30px 50px;justify-content:flex-start}.bn-top-label-spektakel{font-size:17px;padding:10px 22px;margin-bottom:32px}.bn-title{font-size:30px;margin-bottom:18px;line-height:1.15}.bn-bottom-label{font-size:16px;line-height:1.6;max-width:100%}.bn-video-container::after{width:240px;height:140px;bottom:auto;top:160px;right:-10px}}
@media (max-width:480px){.bn-title{font-size:24px}.bn-top-label-spektakel{font-size:15px;padding:9px 18px}.bn-content{padding:35px 20px 40px}.bn-video-container{min-height:380px}}