@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.page{min-height:100svh;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem 2.25rem;background:radial-gradient(800px 420px at 15% 10%,rgba(255,255,255,.6),transparent 60%),radial-gradient(600px 360px at 85% 0%,rgba(191,219,254,.6),transparent 60%),linear-gradient(140deg,#d9f1ff,#b7e3ff 45%,#c7f0ea)}body,#root{min-height:100%}.page-content{width:min(92vw,520px);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.hero{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center}.logo-wrap{width:96px;height:96px;border-radius:26px;background:#ffffffd9;box-shadow:0 10px 22px #0f172a1f;display:grid;place-items:center}.logo-img{width:68px;height:68px;object-fit:contain}.title{margin:0;font-family:Fraunces,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.3rem);color:#0f2a5f;letter-spacing:.02em}.subtitle{margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:.95rem;color:#3b4b66}.card{width:100%;background:#fffffff2;border-radius:1.5rem;padding:1.35rem 1.3rem;box-shadow:0 20px 45px #0f172a1f;text-align:center;display:flex;flex-direction:column;gap:.9rem;animation:card-fade-up .42s ease-out both}.avatar{display:flex;justify-content:center}.avatar-img,.avatar-fallback{width:clamp(118px,22vw,150px);height:clamp(118px,22vw,150px);border-radius:50%}.avatar-img{object-fit:cover;border:6px solid rgba(255,255,255,.95);box-shadow:0 0 0 5px #2dd4bf59,0 0 0 10px #3b82f62e}.avatar-fallback{display:grid;place-items:center;background:#dbeafe;border:6px solid rgba(255,255,255,.95);box-shadow:0 0 0 5px #2dd4bf59,0 0 0 10px #3b82f62e}.avatar-emoji{font-size:1.6rem}.pet-name{margin:0;font-family:Fraunces,Times New Roman,serif;font-size:1.5rem;color:#112b5c}.pet-breed{margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:.95rem;color:#465773}.info-card{background:#eef6ff;border-radius:1rem;padding:.95rem 1rem;text-align:left;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:.9rem;color:#2e3c54;display:grid;gap:.25rem;border-left:3px solid #3b82f6}.info-title{margin:0 0 .35rem;font-size:.95rem;font-weight:600;color:#1c3b75}.info-row{display:grid;grid-template-columns:minmax(72px,92px) 1fr;gap:.75rem;align-items:start;padding:.45rem 0;border-top:1px solid rgba(59,130,246,.12)}.info-row:first-of-type{border-top:0;padding-top:.15rem}.info-label{font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b7c93}.info-value{font-size:.92rem;font-weight:700;color:#1f3556;word-break:break-word}.pet-badges{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.1rem}.pet-badge{display:inline-flex;align-items:center;padding:.38rem .7rem;border-radius:999px;background:linear-gradient(135deg,#bfdbfeb8,#ccfbf1d1);color:#184a76;font-size:.78rem;font-weight:700;border:1px solid rgba(59,130,246,.12)}.footer-banner{text-align:center;color:#6b4a19;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#fef3c7f5,#ffe4c4f5);border:1px solid rgba(245,158,11,.18);border-radius:1rem;padding:.95rem 1rem;box-shadow:0 12px 30px #b4530914}@keyframes card-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.phone-row{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.copy-btn{font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700;padding:.18rem .55rem;border-radius:999px;border:1.5px solid #3b82f6;background:#fff;color:#3b82f6;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.5}.copy-btn:hover{background:#3b82f6;color:#fff}.copy-btn.copied{border-color:#22c55e;color:#22c55e;background:#fff}.map-link{color:#3b82f6;font-weight:700;font-size:.88rem;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s ease}.map-link:hover{color:#1d4ed8;text-decoration:underline}@media (max-width: 480px){.page{padding:1.25rem .9rem 1.5rem}.card{padding:1.1rem 1rem;gap:.75rem}.logo-wrap{width:86px;height:86px;border-radius:24px}.logo-img{width:60px;height:60px}.info-row{grid-template-columns:1fr;gap:.2rem}.info-label{font-size:.7rem}.info-value{font-size:.88rem}.pet-badge{font-size:.74rem;padding:.34rem .62rem}.footer-banner{font-size:.84rem;padding:.85rem .95rem}}
