:root { color-scheme: dark; --bg:#07080c; --fg:#f2f2ee; --line:rgba(242,242,238,.16); --lime:#d4ff3a; --mut:rgba(242,242,238,.7); }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.45 system-ui, sans-serif; background:var(--bg); color:var(--fg); }
header { display:flex; gap:16px; align-items:center; padding:18px 24px; border-bottom:1px solid var(--line); }
header span { color:var(--mut); font-size:14px; flex:1; }
header button, button { background:var(--lime); color:#111; border:0; border-radius:999px; padding:.55em 1em; font-weight:650; cursor:pointer; }
.lang-select{color-scheme:dark;appearance:none;-webkit-appearance:none;background:#07080c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23f2f2ee' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right .65em center;color:#f2f2ee;border:1px solid var(--line);border-radius:12px;padding:.45em 1.9em .45em .7em;font-size:14px;cursor:pointer}
.lang-select option{background:#07080c;color:#f2f2ee}
#login { max-width: 420px; margin: 12vh auto 0; }
main { max-width:880px; margin:0 auto; padding:28px 20px 64px; }
form, li { border:1px solid var(--line); border-radius:16px; padding:16px; background:rgba(255,255,255,.03); }
label { display:block; margin:10px 0; font-size:13px; color:var(--mut); }
input[type="text"], input[type="password"], input:not([type]) { width:100%; margin-top:4px; background:#0c0e14; color:var(--fg); border:1px solid var(--line); border-radius:10px; padding:.6em .7em; }
.uses { display:flex; gap:16px; margin:8px 0 14px; }
.err { color:#ff8d8d; min-height:1.2em; }
ul { list-style:none; padding:0; display:grid; gap:12px; }
li { display:grid; gap:4px; }
li b { font-size:1.05rem; }
.meta { color:var(--mut); font-size:13px; }
.row { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.row button { margin-left:0; background:transparent; color:var(--fg); border:1px solid var(--line); }
.tag { font-size:11px; letter-spacing:.08em; text-transform:uppercase; border:1px solid var(--line); border-radius:999px; padding:.15em .55em; }
h1,h2 { margin:0 0 8px; font-size:1.25rem; }