:root{--bg:#101615;--surface:#171e1c;--ink:#f1f4ee;--accent:#d8f36a;--accent2:#80cbb1;--dim:#a6b1a9;--faint:#78847c;--line:#354039;--display:'Inter',Arial,sans-serif;--body:'Inter',Arial,sans-serif;--mono:'Inter',Arial,sans-serif}
body{background:var(--bg);font-family:var(--body);font-size:16px;line-height:1.75;color:var(--ink)}
a{color:var(--accent2)}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline-color:var(--accent)}
.bar{padding:18px 56px;background:rgba(16,22,21,.92);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff19}.bar .brand{display:inline-flex;align-items:center}.bar .brand img{width:190px;height:auto;max-height:46px;object-fit:contain}.bar nav{font-size:14px}.bar nav a:hover{color:var(--accent)}
.wrap{max-width:860px;padding:76px 32px 112px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--accent)}h1,h2,h3{font-family:var(--display);letter-spacing:0}h1{font-size:clamp(36px,5vw,58px);font-weight:650}.intro{font-size:20px;color:#d6ded6}.meta{font-size:14px}.tag{border-radius:4px;background:#263021;color:#e5f6b5}.callout{border-color:var(--line);border-left-color:var(--accent);border-radius:4px;background:var(--surface);font-size:15px}.card,.sidebar-card,.badges,.value-card,.positions-card{border-color:var(--line);border-radius:4px;background:var(--surface)}h2{font-size:28px}h3{font-size:20px}.btn{border-radius:4px;border-color:var(--accent);color:var(--accent);font-family:var(--body)}.btn:hover{background:#d8f36a1f}.btn.primary{color:var(--bg);background:var(--accent)}.input{background:#0b110f;border-color:var(--line);border-radius:4px}.input:focus-visible{border-color:var(--accent)}footer{background:#0b110f;border-color:var(--line);padding:32px 56px}footer .fl{font-size:14px}footer .fl a:hover{color:var(--accent)}footer .cp{font-size:13px}
.g2{background:linear-gradient(105deg,#d8f36a,#80cbb1);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:700px){.bar{padding:16px 20px}.bar .brand img{width:160px}.bar nav{gap:14px;font-size:12px}.wrap{padding:55px 20px 80px}.intro{font-size:18px}footer{padding:28px 20px}}
