:root { color: #27343a; background: #f7f5ef; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { min-width: 320px; margin: 0; }
.language-choice { display: grid; min-height: 100vh; place-items: center; padding: 2rem; text-align: center; }
.language-choice main { width: min(100%, 520px); }
.language-choice img { width: min(180px, 48vw); height: auto; border-radius: 50%; }
.language-choice .eyebrow { margin: 1.25rem 0 .25rem; color: #147b77; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.language-choice h1 { margin: 0; font-size: clamp(2rem, 7vw, 3.5rem); line-height: 1.08; }
.language-choice h1 span { color: #516067; font-size: .7em; font-weight: 500; }
.language-choice nav { display: flex; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.language-choice nav a { min-width: 140px; padding: .85rem 1.25rem; border-radius: 10px; background: #168f8a; color: #fff; font-weight: 750; text-decoration: none; }
.language-choice nav a:hover { background: #106f6b; }
.language-choice a:focus-visible { outline: 3px solid #e69b3b; outline-offset: 4px; }