body{
background:#f5f7fb;
font-family: Arial;
}

.navbar{
background:#fff;
border-bottom:1px solid #e5e7eb;
}

.page-wrap{
max-width:960px;
margin:48px auto;
}

.top-marquee {
    width: 100%;
    background: #dc3545;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    padding: 8px 0;
    font-weight: 600;
    position: relative;
    z-index: 1050;
}

.top-marquee-content {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 50s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.cookie-banner{
    position:fixed;
    left:20px;
    right:20px;
    bottom:20px;
    z-index:99999;

    max-width:900px;
    margin:auto;

    background:#222;
    color:#fff;

    padding:18px 20px;

    border-radius:10px;

    display:none;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    box-shadow:0 8px 30px rgba(0,0,0,.25);
}

.cookie-banner__text{
    font-size:14px;
    line-height:1.5;
}

.cookie-banner a{
    color:#8dc8ff;
}

.cookie-banner__button{
    cursor:pointer;
    border:none;
    padding:10px 18px;
    border-radius:6px;
    background:#0d6efd;
    color:#fff;
    font-size:14px;
}

.cookie-banner__button:hover{
    opacity:.9;
}

@media(max-width:700px){

.cookie-banner{
    flex-direction:column;
    align-items:flex-start;
}

.cookie-banner__button{
    width:100%;
}

}