:root {
          --gdb-red: #B50717;
          --gdb-blue: #152440;
          --gdb-white: #ffffff;
          --gdb-light: #f8f9fa;
      }

        body {
          font-family: Arial, sans-serif;
          margin: 0;
          padding: 0;
        }
    
        .cookie-consent,
        .cookie-modal {
          position: fixed;
          bottom: 20px;
          left: 50%;
          transform: translateX(-50%);
          background-color: #000000bd;
          color: white;
          padding: 20px 30px;
          font-size: 16px;
          z-index: 9999;
          border-radius: 10px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          width: 80%;
          max-width: 600px;
        }
    
        .cookie-consent {
          display: none;
          text-align: center;
        }
    
        .cookie-buttons button {
          padding: 10px 20px;
          margin: 10px 5px 0;
          font-size: 14px;
          border-radius: 5px;
          border: none;
          cursor: pointer;
        }
    
        .accept-btn { background-color: #28a745; color: white; }
        .reject-btn { background-color: #dc3545; color: white; }
        .custom-btn { background-color: #210f89ff; color: white; }
    
        .cookie-modal {
          display: none;
          top: 50%;
          transform: translate(-50%, -50%);
          background-color: #1f1f1f;
        }
    
        .cookie-modal label {
          display: block;
          margin-bottom: 10px;
        }
    
        .modal-buttons {
          text-align: center;
          margin-top: 15px;
        }
    
        .modal-buttons button {
          margin: 0 10px;
        }

          #preloader {
            position: fixed;
            top: 0; left: 0;
            width: 100vw; 
            height: 100vh;    
            min-width: 100vw;
            min-height: 100vh;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
          }

            
          .loader-container {
            text-align: center;
          }
          .logo {
            animation: rotateLogo 2s linear infinite;
            margin-bottom: 20px;
          }
          @keyframes rotateLogo {
            from { transform: rotate(0deg);}
            to { transform: rotate(360deg);}
          }
          .dots {
            display: flex;
            justify-content: center;
            gap: 8px;
          }
          .dots span {
            width: 12px;
            height: 12px;
            background: #B50717;
            border-radius: 50%;
            animation: bounce 1.4s infinite ease-in-out both;
          }
          .dots span:nth-child(1) { animation-delay: -0.32s; }
          .dots span:nth-child(2) { animation-delay: -0.16s; }
          .dots span:nth-child(3) { animation-delay: 0; }
          @keyframes bounce {
            0%, 80%, 100% { transform: scale(0); }
            40% { transform: scale(1); }
          }

        
          

:root {
    --gdb-red: #B50717;
    --gdb-blue: #152440;
    --gdb-white: #ffffff;
}

.gdb-success-view {
    padding: 20px 0;
    animation: gdbFadeIn 0.5s ease;
}

.gdb-mail-container {
    position: relative;
    width: 80px;
    margin: 0 auto 20px;
}

.gdb-mail-icon {
    width: 80px;
    height: 80px;
    animation: gdbBounce 1s infinite alternate;
}

.gdb-news-popup-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: rgba(21, 36, 64, 0.1);
    backdrop-filter: blur(8px);
    justify-content: center;
    align-items: center;
    padding: 20px;

    display: flex;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s ease;
}


.gdb-mail-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #B50717;
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

@keyframes gdbBounce {
    from { transform: translateY(0); }
    to { transform: translateY(-10px); }
}

@keyframes gdbFadeIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

.gdb-news-popup-overlay.gdb-news-visible {
    display: flex;
}

.gdb-news-popup-overlay.gdb-news-visible {
    opacity: 1;
    pointer-events: auto;
}

.gdb-news-popup-box {
    background: var(--gdb-white);
    width: 100%;
    max-width: 450px;
    padding: 40px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    text-align: center;

    opacity: 0;
    transform: translateY(20px) scale(0.97);
    transition: 
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.gdb-news-popup-overlay.gdb-news-visible .gdb-news-popup-box {
    opacity: 1;
    transform: translateY(0) scale(1);
}


@keyframes gdb-slide-up {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.gdb-news-icon {
    width: 60px; height: 60px;
    background: #fff5f5;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex; align-items: center; justify-content: center;
}
.gdb-news-icon svg { width: 30px; }

.gdb-news-close {
    position: absolute; top: 15px; right: 15px;
    background: #f1f1f1; border: none;
    width: 30px; height: 30px; border-radius: 50%;
    color: #666; font-size: 20px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s;
}
.gdb-news-close:hover { background: var(--gdb-red); color: white; }

.gdb-news-title {
    color: var(--gdb-blue);
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.gdb-news-text {
    color: #555; font-size: 1rem; line-height: 1.5; margin-bottom: 25px;
}

.gdb-news-form { display: flex; flex-direction: column; gap: 12px; }

.gdb-news-email-input {
    width: 100%; padding: 14px 18px;
    border: 2px solid #e1e1e1; border-radius: 10px;
    font-size: 1rem; box-sizing: border-box;
}

.gdb-news-email-input:focus {
    outline: none; border-color: var(--gdb-blue);
}

.gdb-news-submit {
    background-color: var(--gdb-red);
    color: white; border: none; padding: 10px;
    border-radius: 10px; font-weight: 700; cursor: pointer;
    transition: all 0.2s;
    animation: pulse 2.2s infinite;
}

.gdb-news-submit:hover { background-color: #940613; transform: translateY(-2px); }

.gdb-news-no-show {
    background: none; border: none; color: #999;
    text-decoration: underline; cursor: pointer;
    margin-top: 20px; font-size: 0.85rem;
}