nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 3rem;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(20px);background:rgba(254,252,249,.92);border-bottom:1px solid var(--border)} .nav-links a{color:var(--color-charcoal);text-decoration:none;font-size:14px;font-weight:500;transition:color .3s} .nav-links a:hover{color:var(--color-gold)} .nav-cta{padding:10px 24px;background:var(--color-gold);color:#fff;border-radius:100px;text-decoration:none;font-size:13px;font-weight:600;transition:all .3s} .nav-cta:hover{background:#c09b30} .hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden} .hero::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1543466835-0994519992f9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w1NzUyNzR8MHwxfHNlYXJjaHwxNXx8cGV0JTIwcG9ydHJhaXR8ZW58MHx8fHwxNzA4MjQ4MDc1fDA&ixlib=rb-4.0.3&q=80&w=1080') center/cover;opacity:1;} .hero-content{max-width:700px;padding:8rem 3rem;position:relative;z-index:1;color:white;} .hero h1{font-family:var(--font-sans);font-size:clamp(3rem,7vw,5rem);line-height:1.08;margin-bottom:1.25rem} .hero h1 em{font-style:normal;color:var(--color-gold)} .hero p{color:rgba(255,255,255,0.8);font-size:1.05rem;margin-bottom:2rem;max-width:480px} .hero-btns{display:flex;gap:1rem;flex-wrap:wrap} .btn-primary{padding:14px 32px;background:var(--color-sage-green);color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:100px;transition:all .3s} .btn-primary:hover{background:#5c6f5c} .btn-secondary{padding:14px 32px;border:1px solid rgba(255,255,255,0.3);color:#fff;text-decoration:none;font-size:14px;font-weight:500;border-radius:100px;transition:all .3s} .btn-secondary:hover{background:rgba(255,255,255,0.1);} .section{padding:5rem 2rem} .section-header{text-align:center;margin-bottom:3.5rem} .section-label{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--color-sage-green);font-weight:600;display:block;margin-bottom:.5rem} .section-title{font-family:var(--font-sans);font-size:clamp(2rem,5vw,3rem)} .pet-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; max-width: 1200px; margin: 0 auto; } .pet-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } .pet-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); } .pet-card-img { width: 100%; height: 200px; object-fit: cover; } .pet-card-body { padding: 1.5rem; } .pet-card-body h3 { font-size: 1.4rem; margin-bottom: 0.5rem; color: var(--color-charcoal); } .pet-card-body p { font-size: 0.9rem; color: var(--color-charcoal); margin-bottom: 0.75rem; } .pet-card-status { display: inline-block; padding: 0.4rem 0.8rem; border-radius: 999px; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; margin-bottom: 0.75rem; } .status-lost { background: var(--color-terracotta); color: #fff; } .status-found { background: var(--color-sage-green); color: #fff; } .contact-btn { display: block; width: 100%; padding: 0.75rem; background: var(--color-sage-green); color: #fff; text-align: center; text-decoration: none; border-radius: 8px; font-weight: 600; transition: background 0.3s ease-in-out; margin-top: 1rem; } .contact-btn:hover { background: #5c6f5c; } footer{padding:3rem 2rem;border-top:1px solid rgba(0,0,0,0.1);max-width:1100px;margin:0 auto;text-align:center;} footer p{font-size:12px;color:var(--color-charcoal);margin-top:1rem} .footer-links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem} .footer-links a{color:var(--color-charcoal);text-decoration:none;font-size:13px} @media(max-width:768px){ nav{padding:1rem 1.5rem}.nav-links{display:none} .hero-content{padding:8rem 2rem 4rem} .pet-card-grid{grid-template-columns:1fr} footer{flex-direction:column;gap:1rem} } .reveal.visible{opacity:1;transform:translateY(0)} @media(max-width:768px){ nav{padding:1rem 1.5rem}.nav-links{display:none} .hero-content{padding:8rem 2rem 4rem} .impact-grid{grid-template-columns:repeat(2,1fr)} .mission,.stories{grid-template-columns:1fr} .programs{grid-template-columns:1fr} footer{flex-direction:column;gap:1rem} }

Reuniting Paws & Hearts in the Philippines

Helping you find your lost furry friends and connect with those who found them.

I Lost a Pet I Found a Pet

Location is Key

Last Seen on the Map

Community Feed

Recent Sightings

Lost

Buddy - Golden Retriever

Last seen near Ayala Triangle Gardens on February 15, 2026.

Posted: 1 hour ago

Contact Owner

Found

Puti - Mixed Breed Puppy

Found wandering near SM Megamall, Mandaluyong. Very friendly!

Posted: 3 hours ago

Contact Finder

Help Us Find Them

Report a Lost Pet