:root{--font-mono:"Roboto Mono", monospace;--bg:#fff;--fg:#1a1a1a;--muted:#5b5b5b;--border:#e5e5e5;--surface:#f7f7f8;--accent:#1d4ed8;--accent-fg:#fff;--radius:8px;--container:880px}*{box-sizing:border-box}html{background:var(--bg);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.6}body{color:var(--fg);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.6}@media (max-width:1024px){body{font-size:16px}}img{max-width:100%;height:auto;display:block}h1,h2,h3{color:var(--fg);font-weight:700;line-height:1.2}h1{margin:0 0 .6em;font-size:2.4rem}h2{margin:0 0 .6em;font-size:1.8rem}h3{margin:0 0 .4em;font-size:1.25rem}p{margin:0 0 1rem}a{color:var(--accent)}a:focus{opacity:.85}a:active{opacity:.7}svg{vertical-align:middle}main>.hero,main>.cta,main>.cards,main>.faq,main>.gallery,main>.rich-text{max-width:var(--container);margin:0 auto;padding:3.5rem 1.25rem}.hero{text-align:center}.hero h1{font-size:3rem}@media (max-width:768px){.hero h1{font-size:2.2rem}}.hero .sub{color:var(--muted);max-width:38ch;margin:0 auto 1.5rem;font-size:1.2rem}.hero img{border-radius:var(--radius);margin:2rem auto 0}.hero .hero-cta{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius);margin-top:1.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}.rich-text h2,.rich-text h3{margin-top:1.75rem}.rich-text ul,.rich-text ol{padding-left:1.5rem}.rich-text img{border-radius:var(--radius);margin:1.5rem 0}.cta{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:var(--container)}.cta a{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius);margin-top:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}.cards ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.cards li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.cards .card-icon{object-fit:contain;width:48px;height:48px;margin-bottom:1rem}.cards p{color:var(--muted);margin:0}.faq dl{margin:0}.faq dl>div{border-bottom:1px solid var(--border);padding:1.25rem 0}.faq dt{margin-bottom:.4rem;font-weight:700}.faq dd{color:var(--muted);margin:0}.gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.gallery h2{grid-column:1/-1;margin:0}.gallery figure{margin:0}.gallery img{border-radius:var(--radius);width:100%}.gallery figcaption{color:var(--muted);margin-top:.5rem;font-size:.9rem}.home{flex-direction:column;justify-content:space-between;align-items:center;max-width:1024px;min-height:100vh;margin:0 auto;padding:45px;display:flex}@media (max-width:400px){.home{padding:24px}}.home .content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.home .content h1{text-align:center}.home .links{align-items:center;gap:12px;display:flex}.home .links a{border-radius:var(--radius);padding:.5rem 1rem;text-decoration:none}.home .links .admin{color:var(--accent-fg);background:var(--accent);border:1px solid var(--accent)}.home .links .docs{color:var(--fg);background:var(--bg);border:1px solid var(--border)}.home .footer{color:var(--muted);align-items:center;gap:8px;display:flex}@media (max-width:1024px){.home .footer{flex-direction:column;gap:6px}}.home .footer p{margin:0}.home .footer .codeLink{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.15rem .5rem;text-decoration:none}
