@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/red-hat-display-latin.woff2') format('woff2');
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #fff; color: #000; }
.language-cover { height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.cover-logo { display: block; width: 209.8px; height: 44.14px; margin-bottom: 80px; }
.cover-languages { display: flex; align-items: center; gap: 55px; }
.cover-languages a { display: flex; align-items: center; justify-content: center; width: 167px; height: 167px; border: 1px solid #8b7b69; border-radius: 50%; color: inherit; text-decoration: none; font-size: 16px; font-weight: 500; letter-spacing: 1px; transition: border-color .5s, color .5s; }
.cover-vietnamese { font-family: Arial, sans-serif; }
.cover-english { font-family: 'Red Hat Display', sans-serif; }
.cover-languages a:hover { border-color: #ea5406; color: #ea5406; }
.cover-languages a:focus-visible { outline: 2px solid #ea5406; outline-offset: 6px; }
@media (max-width: 1024.98px) {
    .language-cover { height: 70vh; padding-top: 30vh; justify-content: flex-start; }
    .cover-logo { margin-bottom: 44px; }
    .cover-languages { gap: 28px; }
    .cover-languages a { width: 123px; height: 123px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
    .cover-languages a { transition: none; }
}

.cover-languages form { margin: 0; }
.cover-languages a { background: transparent; cursor: pointer; padding: 0; }