:root{--bg:#f6f7f8;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--soft:#f3f4f6;--navBg:#ffffffdb;--shadow:0 10px 28px #00000014;--radius:16px;--max:760px;--nav-h:56px}html[data-theme=dark]{--bg:#0b1220;--card:#0f172a;--text:#e5e7eb;--muted:#9ca3af;--line:#ffffff1a;--soft:#ffffff14;--navBg:#0f172ab8;--shadow:0 10px 28px #00000073}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}.container{max-width:var(--max);margin:0 auto;padding:16px 12px}.nav{z-index:50;height:var(--nav-h);background:var(--navBg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:10px;padding:0 14px;display:flex;position:sticky;top:0}.brandLogo{width:auto;height:.8em}.brand{flex:1;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:800;display:flex}.navLinks{align-items:center;gap:6px;margin-left:auto;display:flex}.navLinks a{border-radius:12px;padding:8px 10px;text-decoration:none}.navLinks a:hover{background:var(--soft)}.iconBtn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:8px 10px;display:inline-flex}.iconBtn:hover{background:var(--soft)}.themeBtn{margin-left:6px}.burger{margin-right:2px}@media (width<=768px){.navLinks{display:none}.themeBtn{margin-left:auto}}@media (width>=769px){.burger{display:none}}.overlay{opacity:0;pointer-events:none;z-index:90;background:#00000073;transition:all .2s;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.drawer{background:var(--card);z-index:100;border-right:1px solid var(--line);width:280px;height:100%;padding:16px;transition:all .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawerHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drawerHeader strong{font-size:16px}.drawer a{border-radius:12px;margin:6px 0;padding:10px;text-decoration:none;display:block}.drawer a:hover{background:var(--soft)}@media (width>=769px){.drawer,.overlay{display:none}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:14px 0;padding:16px 16px 18px}.title{margin:2px 0 6px;font-size:18px;font-weight:800;line-height:1.35}.sub{color:var(--muted);margin:0 0 12px;font-size:14px}.badges{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.badges img{width:auto;height:40px}.center{gap:10px;margin-top:8px;display:grid}.cta{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 85%, var(--soft) 15%);border-radius:14px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.cta:hover{background:var(--soft)}.ico{flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.cta strong{font-size:14px;display:block}.cta span{color:var(--muted);font-size:12px;display:block}.footer{text-align:center;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 88%, var(--soft) 12%);color:var(--text);border-radius:14px;margin-top:64px;padding:14px;font-size:13px}@media (width<=480px){.title{font-size:16px}.sub{font-size:12px}.badges img{height:34px}.card{padding:12px 12px 14px}}