*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#14213d;background:#f5f7fb}header{height:78px;background:#050505;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}header img{width:120px}header a,header button{color:#fff;background:none;border:0;font-weight:800;text-decoration:none;margin-left:20px}.hero{padding:80px 6vw;background:linear-gradient(135deg,#142c66,#6a48ec);color:#fff}.hero h1{font-size:clamp(2.5rem,6vw,5rem);margin:.15em 0}.content{max-width:1150px;margin:30px auto;padding:20px}.filters{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px}.filters>*{padding:12px;border:1px solid #ccd5e6;border-radius:9px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #1232}.card img{width:100%;height:240px;object-fit:cover}.card div{padding:17px}.card .status{color:#5a36d6;font-weight:850}.card a{display:block;padding:12px;background:#5a36d6;color:#fff;text-align:center;border-radius:9px;text-decoration:none}.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:15px;z-index:10}.modal[hidden]{display:none}.modal>section{background:#fff;width:min(650px,100%);max-height:92vh;overflow:auto;padding:24px;border-radius:18px}.modal input,.modal select,.modal textarea,.modal button{width:100%;padding:11px;margin:6px 0}.org-pet{border:1px solid #ddd;padding:12px;margin:8px 0}@media(max-width:750px){.filters,.cards{grid-template-columns:1fr}.content{padding:10px}}