.notification-bar{align-items:center;animation:slideDown .4s ease-out;background:linear-gradient(90deg,#0c7ff2,#0a6fd4);box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;display:flex;justify-content:center;left:0;padding:12px 20px;position:fixed;right:0;top:0;width:100%;z-index:10000}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.notification-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.notification-text{font-size:14px;font-weight:400;line-height:1.4}.notification-link{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;line-height:1.4;text-decoration:underline!important;transition:all .3s ease;white-space:nowrap}.notification-link:hover{color:#fff;opacity:.9;text-decoration:none!important;transform:translateY(-2px)}.notification-close{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:15px;opacity:.8;padding:5px;transition:opacity .3s ease}.notification-close:hover{opacity:1}body:not(.notification-hidden) .header-section{top:38px}body.notification-hidden .notification-bar{display:none}@media screen and (max-width:768px){.notification-bar{padding:10px 15px}.notification-link,.notification-text{font-size:13px}.notification-content{gap:10px}.notification-close{margin-left:10px}body:not(.notification-hidden) .header-section{top:44px}}@media screen and (max-width:480px){.notification-content{flex-direction:column;gap:8px;text-align:center}.notification-close{margin-left:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}}