:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif; background: #111827; color: #eef4ff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top, #1e3a5f, #111827 55%); }
.card, .document { width: min(100%, 720px); background: rgba(24, 35, 52, .94); border: 1px solid #314662; border-radius: 24px; padding: 42px; box-shadow: 0 20px 70px #0005; }
.card { text-align: center; }
.language-switch { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin: -14px 0 22px; font-size: 14px; font-weight: 700; }
.language-switch a, .language-switch span { min-width: 38px; padding: 7px 10px; border: 1px solid #41698e; border-radius: 10px; text-align: center; text-decoration: none; }
.language-switch span { background: #1683d8; border-color: #1683d8; color: #fff; }
.language-switch a:hover { background: #21476d; }
.logo { margin: 0 auto 18px; width: 66px; height: 66px; display: grid; place-items: center; border-radius: 18px; background: #1683d8; font-size: 38px; font-weight: 800; }
h1 { margin: 0 0 12px; font-size: clamp(32px, 7vw, 52px); }
h2 { margin-top: 30px; color: #8ecbff; font-size: 21px; }
p { line-height: 1.7; color: #c9d5e5; }
.lead { font-size: 21px; color: #8ecbff; }
nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin: 30px 0; }
a { color: #8ecbff; }
nav a { padding: 11px 16px; border: 1px solid #41698e; border-radius: 12px; text-decoration: none; }
nav a:hover { background: #21476d; }
footer { margin-top: 28px; color: #8092a8; font-size: 14px; }
.document { margin: 30px auto; }
.document h1 { font-size: 38px; }
.back { display: inline-block; margin-bottom: 30px; text-decoration: none; }
@media (max-width: 560px) { .card, .document { padding: 28px 22px; border-radius: 18px; } }