:root{--border:#e5e5e5;--muted:#666}body{font-family:Arial,Helvetica,sans-serif;margin:0}a{color:#000;text-decoration:none;border-bottom:1px solid #000}.container{max-width:1100px;margin:0 auto;padding:24px}.nav{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.header,.footer{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.h1{font-size:40px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{border:1px solid var(--border);padding:18px;border-radius:12px;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.btn{display:inline-block;padding:10px 16px;border:1px solid #000;border-radius:999px;background:#000;color:#fff}.tiles{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:24px 0}.tile{display:block;padding:24px;border-radius:12px;background:#000;color:#fff;border:1px solid #000;min-height:140px;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.tile.visible{opacity:1;transform:translateY(0)}.footer-cols{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:center}input,textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px}