:root{--teal:#10a6c7;--teal-dark:#087f98;--pink:#ff5f98;--cream:#fff8ef;--ink:#1f2730;--muted:#66727d;--white:#fff;--shadow:0 16px 45px rgba(22,58,70,.14)}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(255,95,152,.10),transparent 24rem),radial-gradient(circle at 90% 20%,rgba(16,166,199,.12),transparent 28rem),var(--cream)}
.shell{width:min(920px,92vw);margin:0 auto;padding:34px 0 28px}
.brand{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.logo{width:112px;height:112px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}
.eyebrow{color:var(--pink);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;margin:0 0 5px}
h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1;margin:0;color:var(--teal-dark)}
h2{font-size:clamp(1.6rem,4vw,2.5rem);margin:.15rem 0 .65rem}
.card{background:rgba(255,255,255,.93);border:1px solid rgba(16,166,199,.18);border-radius:26px;box-shadow:var(--shadow)}
.state-card{text-align:center;padding:48px 28px}.icon{font-size:3rem}.small{color:var(--muted)}.hidden{display:none!important}
.spinner{width:44px;height:44px;margin:0 auto 18px;border:5px solid #d9eef3;border-top-color:var(--pink);border-radius:50%;animation:spin .85s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pet-card{display:grid;grid-template-columns:280px 1fr;gap:30px;padding:28px}
.photo-wrap{min-height:280px;border-radius:22px;overflow:hidden;background:#e8f7fa;display:grid;place-items:center;border:4px solid #fff;box-shadow:0 8px 24px rgba(22,58,70,.12)}
.pet-photo{width:100%;height:100%;object-fit:cover}.photo-placeholder{font-size:7rem}.pet-heading{align-self:center}
.tag{display:inline-flex;margin-top:8px;padding:8px 12px;border-radius:999px;background:#e7f7fb;color:var(--teal-dark);font-weight:800}
.info-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.info-item{padding:16px;border-radius:16px;background:#fff7fb;border:1px solid #ffd4e4}.info-item.full{grid-column:1/-1}
.label{display:block;font-size:.78rem;text-transform:uppercase;font-weight:800;color:var(--pink);margin-bottom:5px}
.value{font-size:1.05rem;font-weight:700;word-break:break-word}.link{color:var(--teal-dark);text-decoration:none}.link:hover{text-decoration:underline}
.thanks{grid-column:1/-1;background:linear-gradient(90deg,var(--teal-dark),var(--teal));color:#fff;border-radius:18px;padding:17px 20px;display:flex;flex-direction:column;gap:4px}
footer{text-align:center;color:var(--teal-dark);font-weight:800;padding:22px}
@media(max-width:680px){.brand{align-items:flex-start}.logo{width:82px;height:82px}.pet-card{grid-template-columns:1fr;padding:18px}.photo-wrap{min-height:320px}.info-grid{grid-template-columns:1fr}.info-item.full{grid-column:auto}}