:root{--color-accent:#2e7d32;--color-text:#1f2328;--color-muted:#59636e;--color-border:#d1d9e0;--color-bg:#fff;--color-surface:#f6f8fa;color:var(--color-text);background:var(--color-bg);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);margin:0}.page{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:24px;padding:12px 24px;display:flex}.brand{color:var(--color-accent);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.nav{flex-wrap:wrap;flex:1;gap:16px;display:flex}.nav-link{color:var(--color-text);text-decoration:none}.nav-link.active{color:var(--color-accent);font-weight:700}.login{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);border-radius:6px;padding:6px 16px}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 16px}.lead{color:var(--color-muted)}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:0;list-style:none;display:grid}.card{border:1px solid var(--color-border);border-radius:8px;padding:16px}.card h2{margin-top:0;font-size:1.2rem}.card a{color:var(--color-accent)}.note{background:var(--color-surface);border-radius:6px;padding:12px 16px}.footer{border-top:1px solid var(--color-border);color:var(--color-muted);padding:16px 24px;font-size:.9rem}@media (width<=640px){.header{gap:12px;padding:12px 16px}.brand{flex:1}.nav{flex-basis:100%;order:3}}