.notification-bar{background:linear-gradient(90deg,#4f46e5,#7c3aed);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;font-size:14px;left:0;padding:10px 20px;position:fixed;right:0;text-align:center;top:0;transition:transform .3s ease;z-index:9999}.notification-bar.hidden{transform:translateY(-100%)}.notification-bar__container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;position:relative}.notification-bar__link{align-items:center;color:#fff;display:inline-flex;font-weight:500;gap:8px;text-decoration:none;transition:opacity .2s ease}.notification-bar__link:hover{opacity:.9}.notification-bar__text{font-size:14px;line-height:1.4}.notification-bar__arrow{font-size:16px;font-weight:700}.notification-bar__close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;opacity:.8;padding:0 5px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.notification-bar__close:hover{opacity:1}body.has-notification-bar .header-container,body.has-notification-bar header{margin-top:44px}@media (max-width:768px){.notification-bar{padding:10px 15px}.notification-bar__text{font-size:13px}.notification-bar__container{padding-right:30px}body.has-notification-bar .header-container,body.has-notification-bar header{margin-top:48px}}