:root { --bar-h: 30px; }
body { font-family: 'Inter', sans-serif; margin: 0; padding-top: var(--bar-h); }

#announcement-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--bar-h);
    line-height: var(--bar-h);
    background: black;
    z-index: 9999;
    overflow: hidden;
}

#announcement-bar span {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: ticker 25s linear infinite;
    font-size: 10px;
    letter-spacing: 0.3em;
    color: white;
    text-transform: uppercase;
}

@keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}