html, body {
    margin: 0;
    overflow-x: hidden;
    font-family: Arial, sans-serif;
    background: #111;
    color: white;
}

#site-scale {
    width: 100%;
    height: auto;
    transform-origin: top left;
}

iframe {
    display: block;
    width: 100%;
    max-width: 1024px;
    height: 560px;
    border: none;
}

.iframe-container {
    background-image: url("/img/BGAN.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.iframe-container iframe {
    width: 100%;
    max-width: 1024px;
    height: 560px;
    border: none;
    display: block;
}

.header { 
    background: #a40000; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 10px 20px; 
}

.logo { height: 45px; }

.header-right { display: flex; gap: 10px; align-items: center; }

.lang-select { padding: 6px 10px; border-radius: 6px; }

.btn { padding: 8px 16px; border-radius: 6px; border: none; font-weight: bold; cursor: pointer; }

.btn.yellow { background: #ffe600; color: #000; }

.nav { background: #660000; display: flex; gap: 25px; padding: 12px 20px; font-size: 15px; }

.nav a { color: #fff; text-decoration: none; font-weight: bold; position: relative; }

.dropdown { position: relative; }

.dropdown:hover .dropdown-menu { display: block; }

.dropdown-menu { display: none; position: absolute; background: #770000; padding: 10px; top: 30px; z-index: 999; }

.dropdown-menu a { display: block; margin-bottom: 8px; }

.footer { background-color: #a40000; color: white; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }

.footer .social-icons { display: flex; gap: 15px; align-items: center; }

.footer .social-icons a { color: white; font-size: 18px; text-decoration: none; }

.footer .footer-links { font-size: 14px; flex-wrap: wrap; gap: 15px; justify-content: flex-end; max-width: 800px; }

.footer .footer-links a { color: white; text-decoration: none; font-weight: bold; }

.footer .footer-links a::after { content: "|"; margin: 0 5px; }

.footer-bottom { background-color: #660000; color: white; padding: 12px; text-align: center; font-size: 13px; }

.footer-bottom a { color: white; text-decoration: none; font-weight: bold; }