.site-info { margin-block-start: 28px; padding-block-start: 22px; border-block-start: 1px solid rgba(148,163,184,.28); }
.site-info h2 { margin: 0 0 12px; font-size: 1.25rem; line-height: 1.45; color: #f8fafc; }
.site-info p, .site-info li { line-height: 1.8; color: #cbd5e1; overflow-wrap: anywhere; }
.site-info p { margin: 0; }
.start-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 0; margin: 0; list-style-position: inside; counter-reset: start-step; list-style: none; }
.start-steps li { padding: 14px; background: rgba(30,41,59,.8); border: 1px solid rgba(148,163,184,.2); border-radius: 12px; }
.start-steps li::before { counter-increment: start-step; content: counter(start-step); display: inline-flex; width: 28px; height: 28px; justify-content: center; align-items: center; margin-inline-end: 8px; border-radius: 50%; background: #0c4a6e; color: #e0f2fe; font-weight: 700; }
.faq-list { display: grid; gap: 10px; }
.faq-list details { border: 1px solid rgba(148,163,184,.25); border-radius: 12px; background: rgba(30,41,59,.6); }
.faq-list summary { cursor: pointer; padding: 14px; color: #f1f5f9; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
.faq-list details p { padding: 0 14px 16px; }
.faq-list summary:focus-visible, .language-links a:focus-visible, .recovery-link:focus-visible { outline: 3px solid #38bdf8; outline-offset: 4px; }
.site-footer { margin-block-start: 24px; padding-block-start: 20px; border-block-start: 1px solid rgba(148,163,184,.28); }
.site-footer h2 { font-size: 1rem; margin: 0 0 12px; color: #e2e8f0; }
.language-links { display: flex; flex-wrap: wrap; gap: 8px; }
.language-links a { color: #bae6fd; border: 1px solid rgba(125,211,252,.25); padding: 7px 10px; border-radius: 8px; text-decoration: none; line-height: 1.4; overflow-wrap: anywhere; }
.language-links a:hover, .language-links a[aria-current="page"] { background: #0c4a6e; border-color: #38bdf8; }
.site-credit { color: #94a3b8; font-size: .8rem; margin-block: 16px 0; }
.not-found-page { box-sizing: border-box; margin: 0; min-height: 100vh; padding: 24px 16px; display: grid; place-items: center; background: #020617; color: #e2e8f0; font-family: system-ui,sans-serif; }
.not-found-card { box-sizing: border-box; width: 100%; max-width: 560px; padding: 28px; border: 1px solid #334155; border-radius: 20px; background: #0f172a; text-align: center; }
.not-found-card h1 { font-size: 1.6rem; line-height: 1.5; overflow-wrap: anywhere; }
.not-found-card p { line-height: 1.8; color: #cbd5e1; }
.not-found-card .error-code { margin: 0; color: #38bdf8; font-size: 3rem; font-weight: 800; }
.recovery-link { display: inline-block; padding: 11px 18px; margin-block-start: 10px; background: #075985; color: white; border-radius: 10px; text-decoration: none; }
@media (max-width: 650px) { .start-steps { grid-template-columns: 1fr; } .site-info { margin-block-start: 22px; } .not-found-card { padding: 22px 16px; } }
.gender-icon { display: block; width: 28px; height: 28px; object-fit: contain; filter: invert(1); opacity: .92; }
.globe-icon { display: inline-block; flex-shrink: 0; }