*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--cream: #FFF6EE;--cream-deep: #FCEEDD;--card: #FFFFFF;--coral: #FF6B47;--coral-dark: #E8512F;--coral-light: #FFE3D9;--ink: #1F1814;--ink-soft: #564A42;--green: #7FB069;--green-bg: #EAF3E4;--amber: #E8A33D;--amber-bg: #FBEFDA;--line: #F0E0D0;--shadow: 0 8px 24px rgba(45, 36, 32, .08);--shadow-hover: 0 16px 32px rgba(255, 107, 71, .18);--nav-h: 76px;--color-primary: var(--coral);--color-primary-h: var(--coral-dark);--color-bg: var(--cream);--color-bg-card: var(--card);--color-border: var(--line);--color-text: var(--ink);--color-text-muted: var(--ink-soft);--color-success: var(--green);--color-error: #D32F2F;--font-body: "Fredoka", sans-serif;--radius-sm: 11px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: var(--shadow);--shadow-card-h: var(--shadow-hover)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{font-family:Fredoka,sans-serif;font-weight:600;line-height:1.15;letter-spacing:-.01em}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}@media (max-width: 640px){.wrap{padding:0 20px}}.page{min-height:calc(100dvh - var(--nav-h));padding-top:var(--nav-h)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:600;font-size:15px;border-radius:14px;padding:12px 22px;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 4px 14px #ff6b4759}.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 20px #ff6b4766;text-decoration:none;color:#fff}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--coral);color:var(--coral-dark);text-decoration:none}.btn-outline{background:transparent;color:var(--coral);border:1.5px solid var(--coral)}.btn-outline:hover{background:var(--coral);color:#fff;text-decoration:none}.btn-sm{padding:9px 16px;font-size:13.5px;border-radius:11px}.btn-lg{padding:15px 32px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--coral-light);color:var(--coral-dark);font-weight:600;font-size:13.5px;padding:7px 14px 7px 10px;border-radius:999px;margin-bottom:22px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--coral);flex-shrink:0}.section-head{text-align:center;max-width:560px;margin:0 auto 48px}.section-head h2{font-size:clamp(28px,3.6vw,38px);margin-bottom:14px}.section-head p{color:var(--ink-soft);font-size:16px}section{padding:80px 0}.card{background:var(--card);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.pet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 980px){.pet-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.pet-grid{grid-template-columns:1fr}}.pill{padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);font-size:13.5px;font-weight:500;color:var(--ink-soft);cursor:pointer;background:#fff;transition:.15s;font-family:Inter,sans-serif}.pill:hover{border-color:var(--coral);color:var(--coral-dark)}.pill.active{background:var(--coral);border-color:var(--coral);color:#fff}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:11.5px;font-weight:600}.status-tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-tag.available{background:var(--green-bg);color:#4f7a3b}.status-tag.reserved{background:var(--amber-bg);color:#9c6a12}.status-tag.adopted{background:#e8eaf6;color:#3949ab}.status-tag.expired{background:#f5f5f5;color:#757575}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}input,textarea,select{font-family:Inter,sans-serif;font-size:15px;border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;background:#fff;color:var(--ink);width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ff6b471f}.form-error{color:#d32f2f;font-size:13px}.spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--coral);border-radius:50%;animation:spin .7s linear infinite;margin:64px auto}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.paw-trail{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 0 48px;opacity:.55}.paw-trail svg{width:16px;height:16px;color:var(--coral)}.paw-trail svg:nth-child(2n){transform:translateY(6px)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative;z-index:2}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.transport-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.shelter-card{background:#fff;border-radius:28px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:340px 1fr}.cta-band{background:linear-gradient(135deg,var(--coral) 0%,#FF8A5C 100%);border-radius:32px;padding:64px 56px;text-align:center;position:relative;overflow:hidden;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.shelter-panel-layout{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:start}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-art{display:none}.how-grid{grid-template-columns:1fr;gap:16px}.transport-grid{grid-template-columns:1fr;gap:24px}.transport-section{padding:32px 24px!important;border-radius:20px!important}.transport-ride-note{transform:none!important}.shelter-card{grid-template-columns:1fr}.shelter-card-body{padding:24px!important}.cta-band{padding:40px 24px;border-radius:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.shelter-panel-layout{grid-template-columns:1fr}.shelter-panel-layout aside nav{flex-direction:row!important;flex-wrap:wrap;gap:8px!important;margin-bottom:20px}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr;gap:20px}.cta-band{padding:32px 20px}}