*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f6f6;color:#222}header{background:#111;color:#fff;padding:18px 6%;display:flex;justify-content:space-between;align-items:center}header h1{margin:0;font-size:22px}header p{margin:5px 0;color:#bbb}header a{color:#fff;text-decoration:none;border:1px solid #555;padding:9px 13px;border-radius:8px}main{max-width:1100px;margin:auto;padding:28px 5%}.hero{padding:15px 0 28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card,.panel{background:#fff;padding:16px;border-radius:14px;box-shadow:0 3px 15px #0000000d}.card img,.photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#eee}.photo{display:grid;place-items:center;color:#999}.card h3{margin-bottom:8px}.btn,button{display:inline-block;background:#111;color:#fff;border:0;border-radius:8px;padding:10px 14px;margin-top:10px;text-decoration:none;cursor:pointer}.card button{margin-right:5px}.panel{max-width:650px;margin:0 auto 20px}.panel input:not([type=checkbox]),.panel textarea{display:block;width:100%;padding:11px;margin:9px 0;border:1px solid #ddd;border-radius:8px}.panel textarea{min-height:90px}.between{display:flex;justify-content:space-between;align-items:center}.hidden{display:none}small{display:block;color:#777;margin:8px 0}