*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f7f8f9;color:#222}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#2ECC71;color:#fff}
.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-weight:800}
.brand-text{font-size:1.05rem}
.main-nav a{color:#fff;text-decoration:none;margin-left:12px;font-weight:700;opacity:.95}
.main-nav a:hover{opacity:1;text-decoration:underline}
.page{padding:24px;max-width:1100px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.06);padding:14px;display:flex;gap:12px;align-items:flex-start}
.card img{width:48px;height:48px;flex:0 0 48px}
.card a{text-decoration:none;color:#111;font-weight:800}
.card p{margin:.25rem 0 0;color:#555;line-height:1.35}
.site-footer{background:#2ECC71;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.site-footer a{color:#fff;text-decoration:none;margin-left:10px}
form{display:grid;gap:12px;max-width:640px}
label span{font-weight:700;margin-bottom:4px;display:block}
input,textarea{width:100%;padding:12px 14px;border:1px solid #d6dbe1;border-radius:10px;background:#fff;font:inherit}
button{background:#2ECC71;color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}
button:hover{filter:brightness(.95)}
.meta-note{font-size:.9rem;color:#666}