:root { --primary:#1a73e8; --bg:#fff; --bg-alt:#f6f8fa; --text:#24292f; --text-muted:#57606a; --border:#d0d7de; --code-bg:#f6f8fa; --radius:8px; --max-width:960px; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; color:var(--text); background:var(--bg); line-height:1.6; }
a { color:var(--primary); text-decoration:none; } a:hover { text-decoration:underline; }
.container { max-width:var(--max-width); margin:0 auto; padding:0 24px; }
.header { background:linear-gradient(135deg,#1a73e8 0%,#0d47a1 100%); color:#fff; padding:48px 24px; text-align:center; }
.header h1 { font-size:2rem; margin-bottom:8px; } .header p { font-size:1.1rem; opacity:0.9; }
.logo-row { display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:16px; }
.logo-row img { width:72px; height:72px; border-radius:var(--radius); }
.badges { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:16px; } .badges img { height:20px; }
.navbar { background:var(--bg-alt); border-bottom:1px solid var(--border); padding:12px 0; position:sticky; top:0; z-index:100; }
.navbar .container { display:flex; justify-content:space-between; align-items:center; }
.nav-links { display:flex; gap:24px; list-style:none; }
.lang-switch { display:flex; gap:8px; }
.lang-switch a { padding:4px 12px; border-radius:20px; font-size:0.85rem; background:var(--bg); border:1px solid var(--border); color:var(--text-muted); }
.lang-switch a.active,.lang-switch a:hover { background:var(--primary); color:#fff; border-color:var(--primary); text-decoration:none; }
.section { padding:48px 0; } .section:nth-child(even) { background:var(--bg-alt); }
.section h2 { font-size:1.5rem; margin-bottom:24px; border-bottom:2px solid var(--primary); display:inline-block; padding-bottom:4px; }
.feature-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; margin-top:16px; }
.feature-card { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); padding:20px; } .feature-card h4 { color:var(--primary); }
pre { background:var(--code-bg); border:1px solid var(--border); border-radius:var(--radius); padding:16px; overflow-x:auto; font-size:0.9rem; }
.btn { display:inline-block; padding:10px 24px; border-radius:var(--radius); font-weight:600; margin:8px 8px 8px 0; }
.btn-primary { background:var(--primary); color:#fff; } .btn-outline { border:2px solid var(--primary); color:var(--primary); }
.author-card { display:flex; align-items:center; gap:24px; background:var(--bg-alt); border:1px solid var(--border); border-radius:var(--radius); padding:24px; }
.author-card img { width:100px; height:120px; object-fit:cover; border-radius:var(--radius); }
.screenshots { display:flex; gap:16px; flex-wrap:wrap; justify-content:center; margin-top:16px; }
.screenshots img { border-radius:var(--radius); border:1px solid var(--border); max-width:100%; height:auto; }
.footer { background:#24292f; color:#adb5bd; text-align:center; padding:24px; font-size:0.85rem; } .footer a { color:#fff; }
ul { margin-left:24px; }


table { width:100%; border-collapse:collapse; margin-top:12px; }
th, td { padding:10px 12px; border:1px solid var(--border); text-align:left; }
th { background:var(--bg-alt); font-weight:600; }
tr:nth-child(even) { background:var(--bg-alt); }
code { background:var(--code-bg); padding:2px 6px; border-radius:4px; font-size:0.9em; }
.author-info p { margin-bottom:8px; }