.update-banner{position:sticky;top:0;left:0;right:0;z-index:9;background:linear-gradient(135deg,#84cc16,#65a30d);box-shadow:0 4px 12px #84cc1626;animation:slideDown .5s ease-out}.update-banner__container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.update-banner__content{display:flex;align-items:center;gap:.75rem;flex:1}.update-banner__icon{width:24px;height:24px;color:#fff;flex-shrink:0;animation:spin 3s linear infinite}.update-banner__text{color:#fff;font-size:.95rem;font-weight:500;line-height:1.4}.update-banner__close{background:#fff3;border:none;border-radius:6px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.update-banner__close svg{width:18px;height:18px;color:#fff}.update-banner__close:hover{background:#ffffff4d;transform:scale(1.05)}.update-banner__close:active{transform:scale(.95)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.update-banner__container{padding:.875rem 1rem}.update-banner__text{font-size:.875rem}.update-banner__icon{width:20px;height:20px}}