:root{--bg:#f4f8f5;--surface:#ffffff;--primary:#2c794b;--primary-dark:#235f3b;--text:#1c2621;--text-muted:#5b6a61;--border:#dfe9e2}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--primary)}.container{max-width:880px;margin:0 auto;padding:0 24px}.header{background:var(--surface);border-bottom:1px solid var(--border)}.nav{justify-content:space-between;padding:20px 0}.brand,.nav{display:flex;align-items:center}.brand{text-decoration:none}.brand img{height:32px;width:auto}.hero-logo{display:block;margin:0 auto 20px;border-radius:20px}.nav-links{display:flex;gap:20px;flex-wrap:wrap}.nav-links a{color:var(--text);text-decoration:none;font-size:14px}.nav-links a:hover{color:var(--primary)}main{padding:48px 0 80px}.hero{padding:64px 0 40px;text-align:center}.hero h1{font-size:40px;margin:0 0 12px;color:var(--primary)}.hero p{font-size:18px;color:var(--text-muted);max-width:560px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;margin:16px 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-top:32px}.card-grid .card h3{margin-top:0;color:var(--primary)}.footer{background:var(--primary-dark);padding:40px 0 32px;text-align:center;color:#d8e9de;font-size:13px}.footer img{height:28px;width:auto;margin-bottom:16px}.footer a{color:#d8e9de;margin:0 8px}.footer a:hover{color:#ffffff}.legal h1{color:var(--primary);font-size:28px}.legal h2{font-size:18px;margin-top:32px}.legal li,.legal p{color:var(--text)}.todo{background:#fff3cd;border:1px solid #ffe08a;border-radius:8px;padding:12px 16px;font-size:13px;margin-bottom:24px}