body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(to bottom,#ffe4e6,#fff,#bfdbfe);color:#333;min-height:100vh}nav{display:flex;gap:1.5rem;padding:1rem;background-color:#fff;box-shadow:0 2px 6px #0000001a}nav a{color:#ec4899;font-weight:700;text-decoration:none}nav a:hover{text-decoration:underline}.welcome{display:flex;justify-content:center;align-items:center;height:calc(100vh - 60px);text-align:center;padding:2rem}.welcome-content h1{font-size:3rem;color:#db2777;margin-bottom:1rem}.welcome-content p{font-size:1.2rem;margin-bottom:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;background:#ec4899;color:#fff;border-radius:9999px;text-decoration:none;transition:background .3s ease}.btn:hover{background:#db2777}.welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center;background:linear-gradient(to bottom,#ffe4e6,#fff,#bfdbfe);padding:2rem}.welcome-content h1{font-size:2.5rem;font-weight:700;color:#db2777;margin-bottom:1rem;text-shadow:0 0 6px rgba(219,39,119,.3)}.welcome-content p{font-size:1.2rem;color:#374151;margin-bottom:2rem;max-width:600px}.welcome-content .highlight{font-weight:700;color:#ec4899}.btn{display:inline-block;padding:.75rem 1.5rem;background:#ec4899;color:#fff;border-radius:9999px;text-decoration:none;font-size:1.1rem;transition:background .3s ease,transform .3s ease;box-shadow:0 4px 10px #ec48994d}.btn:hover{background:#db2777;transform:scale(1.05)}.catalog{min-height:100vh;background:linear-gradient(to bottom,#bfdbfe,#fff,#ffe4e6);padding:2rem}.catalog h1{text-align:center;font-size:2.5rem;font-weight:700;color:#db2777;margin-bottom:2rem;text-shadow:0 0 6px rgba(219,39,119,.3)}.search{max-width:400px;margin:0 auto 1rem}.search input{width:100%;padding:.75rem 1rem;border:2px solid #f9a8d4;border-radius:50px;font-size:1rem;transition:box-shadow .3s ease}.search input:focus{outline:none;box-shadow:0 0 10px #ec489980}.filters{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filters select{padding:.5rem 1rem;border:2px solid #f9a8d4;border-radius:8px;font-size:1rem;transition:transform .3s ease,box-shadow .3s ease}.filters select:hover{transform:scale(1.05);box-shadow:0 0 8px #ec489966}.present-only{display:flex;justify-content:center;margin-bottom:2rem;font-size:1rem;gap:.5rem}.present-only input{transform:scale(1.2)}.section-title{text-align:center;font-size:1.8rem;font-weight:700;margin:2rem 0 1rem;color:#374151}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.grid li{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.grid li:hover{transform:scale(1.05);box-shadow:0 8px 16px #ec489966}.dog-img{border-radius:50%;border:4px solid #e5e7eb;width:120px;height:120px;object-fit:cover;margin-bottom:1rem;transition:border-color .3s ease,box-shadow .3s ease}.img-female{border-color:#ec4899;box-shadow:0 0 14px #ec489980}.img-male{border-color:#3b82f6;box-shadow:0 0 14px #3b82f680}.grid h2{font-size:1.25rem;margin-bottom:.25rem;color:#374151}.grid p{color:#6b7280;margin-bottom:.5rem}.grid a{color:#ec4899;font-weight:500;text-decoration:none;transition:color .3s ease}.grid a:hover{text-decoration:underline;color:#db2777}.detail{min-height:100vh;background:linear-gradient(to bottom,#ffe4e6,#fff,#bfdbfe);display:flex;justify-content:center;align-items:center;padding:2rem}.detail-card{background:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 6px 12px #0000001a;max-width:500px;width:100%;text-align:center;transition:transform .3s ease}.detail-card:hover{transform:scale(1.02);box-shadow:0 10px 20px #ec48994d}.detail-card img{border-radius:50%;border:5px solid #e5e7eb;width:160px;height:160px;object-fit:cover;margin-bottom:1rem}.detail-card img.female{border-color:#ec4899;box-shadow:0 0 15px #ec489966}.detail-card img.male{border-color:#3b82f6;box-shadow:0 0 15px #3b82f666}.detail-card h1{font-size:2rem;font-weight:700;color:#db2777;margin-bottom:1rem;text-shadow:0 0 6px rgba(219,39,119,.2)}.detail-card p{font-size:1.1rem;color:#374151;margin:.5rem 0}.detail-card span{font-weight:700;color:#111827}.back-btn{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background:#ec4899;color:#fff;border-radius:9999px;text-decoration:none;transition:background .3s ease,transform .3s ease;box-shadow:0 4px 10px #ec48994d}.back-btn:hover{background:#db2777;transform:scale(1.05)}