*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#153f43;background:#fffdf8;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.wrap{max-width:1140px;margin:auto;padding:0 22px}.top{background:#fff;box-shadow:0 2px 14px #153f4314;position:relative;z-index:2}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;line-height:1.15}.brand img{width:67px;height:67px;object-fit:contain}.brand small{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#e46f66;margin-top:5px}.nav nav{display:flex;gap:20px;flex-wrap:wrap;font-weight:650;font-size:14px}.hero{background:linear-gradient(120deg,#f9e7d7,#fdf6e9 60%,#d7eeeb);padding:74px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.hero img{width:min(100%,390px);display:block;margin:auto;filter:drop-shadow(0 12px 22px #153f4320)}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#d85d56;font-size:13px;font-weight:800}h1,h2,h3{line-height:1.2;margin:0 0 18px}h1{font-size:clamp(38px,5vw,65px);letter-spacing:-2px}h2{font-size:clamp(27px,3vw,40px);letter-spacing:-1px}h3{font-size:23px}p{margin:0 0 17px}.lead{font-size:19px;max-width:680px;color:#48696a}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn,button{border:0;border-radius:10px;padding:12px 21px;background:#ec7168;color:white;font-weight:750;font:inherit;cursor:pointer;display:inline-block}.btn:hover,button:hover{background:#c9514b;text-decoration:none}.btn.secondary{background:#174e52}.btn.light{background:#f7ede4;color:#174e52}.section{padding:65px 0}.soft{background:#f7f1e8}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:27px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.animal-card,.panel{border:1px solid #e9e4d9;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #153f4309}.animal-photo{height:235px;background:#e6efeb;display:flex;align-items:center;justify-content:center}.animal-photo img{height:100%;width:100%;object-fit:cover}.animal-photo span{font-size:76px}.animal-body{padding:22px}.animal-body h3{margin:12px 0 7px}.animal-body p{color:#607578}.pill{display:inline-block;background:#e7f2ed;color:#1c7358;border-radius:30px;font-size:12px;font-weight:800;padding:4px 11px}.pill.reserved{background:#fff0d4;color:#875b11}.pill.rehomed{background:#e9e8ff;color:#55539d}.pill.hidden{background:#eee;color:#555}.textlink{color:#c65a51;font-weight:800}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#fff;border-radius:16px;padding:26px;border:1px solid #eee2d7}.feature .emoji{font-size:35px}.page-hero{background:#f7eee5;padding:48px 0 42px}.page-hero h1{font-size:clamp(32px,4vw,49px)}.content{max-width:800px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:block;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;padding:12px;border:1px solid #c8d4d2;border-radius:8px;font:inherit;background:white;color:#153f43}textarea{min-height:140px}.field{margin-bottom:17px}.panel{padding:27px}.notice{padding:15px 19px;border-radius:10px;background:#e5f5ed;color:#175a42;margin:20px 0}.error{background:#fff0eb;color:#9c3832}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.detail-image{background:#e6efeb;border-radius:16px;overflow:hidden;min-height:330px;display:flex;align-items:center;justify-content:center}.detail-image img{width:100%;max-height:520px;object-fit:cover}.detail-image span{font-size:100px}.filter{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 30px}.filter select{max-width:220px}footer{background:#123f43;color:#fff;padding:44px 0 18px}.footer{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer p{color:#d1e2df}.footnote{border-top:1px solid #ffffff35;margin-top:30px;padding-top:17px;color:#c1d6d3;font-size:13px}.adminbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:20px;background:#fff;border:1px solid #e4e9e5;border-radius:12px}.stat strong{display:block;font-size:34px}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:13px;border-bottom:1px solid #e6e9e6;vertical-align:middle}th{background:#f1f6f3}td form{display:inline}td button{padding:7px 12px}.table-scroll{overflow-x:auto}.hint{font-size:13px;color:#617d7c}.danger{background:#a33e3a}.actions{display:flex;gap:8px;flex-wrap:wrap}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}@media(max-width:760px){.hero-grid,.detail{grid-template-columns:1fr}.cards,.features{grid-template-columns:1fr 1fr}.hero{padding:42px 0}.nav nav{gap:12px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards,.features,.form-grid{grid-template-columns:1fr}.brand{font-size:20px}.nav nav{font-size:13px}.section{padding:40px 0}}