#maintenance-alert { position: relative; display: block; width: 100vw; margin: 0 auto; padding: 1.8rem 2rem; background-color: #FD7201; color: #FFFFFF; font-family: 'Nunito', sans-serif; text-align: center; border-radius: 0 0 16px 16px; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25); animation: slideDown 0.6s ease-out; z-index: 0; overflow: hidden; } #maintenance-alert .close-btn { position: absolute; top: 1.2rem; right: 1.5rem; background: none; border: none; color: #FFFFFF; font-size: 2.2rem; cursor: pointer; line-height: 1; } .alert-title { font-size: 2.4rem; font-weight: 800; display: flex; justify-content: center; align-items: center; gap: 0.6rem; } .alert-title .icon { font-size: 2.6rem; color: #FFBD07; } .alert-message { margin-top: 0.5rem; font-size: 1.3rem; font-weight: 400; } @keyframes slideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }