:root{--bg:#0b1020;--card:#121a34;--text:#e6e9f2;--accent:#7fb0ff;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:980px;margin:0 auto;padding:24px}
.header{display:flex;justify-content:space-between;align-items:center;margin:12px 0}
.brand{font-size:1.25rem;font-weight:700;letter-spacing:.5px}
.lang-switch a{margin-left:10px;opacity:.85}
.card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 6px 24px rgba(0,0,0,.25);margin:16px 0}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;background:var(--accent);color:#000;font-weight:600}
.code{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;white-space:pre-wrap;background:#0e1430;border-radius:12px;padding:12px;overflow:auto}
.footer{opacity:.7;font-size:.9rem;margin:24px 0}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#1d2a52;color:#cfe1ff;font-size:.8rem}
@media (max-width:640px){.header{flex-direction:column;gap:8px;align-items:flex-start}}