*{box-sizing:border-box}
body{margin:0;background:#171426;color:#f7f4ef;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
main{max-width:640px;margin-inline:auto;padding:24px 20px 40px}
.language-picker{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin-block-end:28px}
.language-picker label{font-size:14px;color:#d7cfe0}
select{max-width:100%;min-height:48px;padding:10px 14px;border:1px solid #655b77;border-radius:12px;background:#302a40;color:#f7f4ef;font:inherit}
.card{text-align:center;border:1px solid #51445f;border-radius:28px;background:linear-gradient(145deg,#30263b,#201b2e);padding:32px 24px}
.mark{display:block;margin-inline:auto;max-width:100%;object-fit:contain}
.brand{font-size:24px;font-weight:800;margin:18px 0 8px}
h1{font-size:clamp(32px,7vw,48px);line-height:1.2;margin:0 0 20px;color:#efc28c;overflow-wrap:anywhere}
.intro{font-size:18px;color:#d7cfe0;margin:0}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-block-start:24px}
a{color:#efc28c;text-underline-offset:4px;overflow-wrap:anywhere}
.links a,footer a{display:inline-block;min-height:48px;padding-block:10px}
a:focus-visible,select:focus-visible{outline:3px solid #efc28c;outline-offset:4px}
footer{text-align:center;margin-block-start:24px;font-size:14px;color:#d7cfe0}
footer p{margin:0}
@media(max-width:360px){main{padding:18px 14px 32px}.card{padding:24px 18px}}