*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
:root { --bg:#070a14; --card:#141a2e; --line:#242c44; --text:#eef1f8;
        --dim:#9aa5bd; --dim2:#6b7690; --accent:#4fc3f7; }
html { -webkit-text-size-adjust:100%; }
body { background:var(--bg); color:var(--text); line-height:1.68;
       font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
       -webkit-font-smoothing:antialiased; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { max-width:760px; margin:0 auto; padding:0 22px; }
header { border-bottom:1px solid var(--line); background:rgba(7,10,20,.9);
         position:sticky; top:0; z-index:10; backdrop-filter:blur(14px); }
.bar { display:flex; align-items:center; gap:14px; height:62px; }
.bar img { width:34px; height:34px; border-radius:8px; }
.bar .nm { font-weight:700; }
.bar nav { margin-left:auto; display:flex; gap:20px; align-items:center; font-size:14.5px; }
.bar nav a { color:var(--dim); }
.bar nav a:hover { color:var(--text); text-decoration:none; }
.langs { display:flex; gap:4px; margin-left:14px; }
.langs button { background:none; border:1px solid var(--line); color:var(--dim2);
                border-radius:7px; padding:4px 9px; font:inherit; font-size:12.5px;
                font-weight:600; cursor:pointer; }
.langs button[aria-pressed="true"] { background:var(--accent); border-color:var(--accent); color:#04121e; }
main { padding:52px 0 80px; }
h1 { font-size:clamp(28px,5vw,40px); letter-spacing:-1px; font-weight:800; margin-bottom:6px; }
.updated { color:var(--dim2); font-size:14px; margin-bottom:26px; }
.intro { font-size:17.5px; color:var(--text); background:var(--card); border:1px solid var(--line);
         border-radius:14px; padding:20px 22px; margin-bottom:34px; }
h2 { font-size:19px; font-weight:700; margin:30px 0 8px; letter-spacing:-.2px; }
p { color:var(--dim); }
.qa { border-top:1px solid var(--line); padding:20px 0; }
.qa:last-of-type { border-bottom:1px solid var(--line); }
.qa h3 { font-size:16.5px; font-weight:700; margin-bottom:6px; }
.qa p { font-size:15px; }
.mail { display:inline-block; margin-top:8px; font-size:19px; font-weight:700; }
footer { border-top:1px solid var(--line); padding:30px 0 56px; color:var(--dim2); font-size:14px; }
.frow { display:flex; gap:22px; flex-wrap:wrap; align-items:center; }
.frow nav { display:flex; gap:20px; margin-left:auto; }