.navbar{position:fixed;top:0;left:0;right:0;background:#fff8e7f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:var(--shadow-soft)}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-coral-pink)}.logo-icon{color:var(--color-coral-pink)}.navbar-links{display:flex;align-items:center;gap:var(--space-xl)}.navbar-links a{font-weight:500;color:var(--color-charcoal);transition:var(--transition-base);position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-coral-pink);transition:var(--transition-base)}.navbar-links a:hover:after{width:100%}.navbar-links a:hover{color:var(--color-coral-pink)}.nav-btn{padding:var(--space-sm) var(--space-lg)!important}.menu-toggle{display:none;background:none;color:var(--color-charcoal)}@media (max-width: 768px){.menu-toggle{display:block}.navbar-links{position:fixed;top:70px;left:0;right:0;background:var(--color-soft-cream);flex-direction:column;padding:var(--space-lg);gap:var(--space-md);box-shadow:var(--shadow-medium);transform:translateY(-100%);opacity:0;pointer-events:none;transition:var(--transition-base)}.navbar-links.active{transform:translateY(0);opacity:1;pointer-events:auto}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden;background:linear-gradient(135deg,var(--color-soft-cream) 0%,#FFF0F0 100%)}.hero-bg-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.paw-circle{position:absolute;font-size:60px;opacity:.1;animation:float 6s ease-in-out infinite}.paw-1{top:10%;left:5%;animation-delay:0s}.paw-2{top:60%;right:10%;animation-delay:2s}.paw-3{bottom:10%;left:15%;animation-delay:4s}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.hero-text h1{margin-bottom:var(--space-lg);color:var(--color-charcoal)}.highlight{color:var(--color-coral-pink);position:relative}.highlight:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background:var(--color-warm-peach);z-index:-1;border-radius:4px}.hero-description{font-size:18px;color:var(--color-warm-gray);margin-bottom:var(--space-xl);max-width:500px}.hero-buttons{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl)}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{display:flex;align-items:center}.hero-stats{display:flex;gap:var(--space-2xl)}.stat-item{display:flex;flex-direction:column}.stat-number{font-family:var(--font-heading);font-size:32px;font-weight:700;color:var(--color-coral-pink)}.stat-label{font-size:14px;color:var(--color-warm-gray)}.hero-image{position:relative}.hero-img{width:100%;max-width:500px;border-radius:var(--radius-lg);box-shadow:var(--shadow-medium)}.floating-card{position:absolute;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);font-weight:600;animation:float 3s ease-in-out infinite}.card-1{top:20px;right:-20px}.card-2{bottom:40px;left:-30px;animation-delay:1.5s}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-description{margin:0 auto var(--space-xl)}.hero-buttons,.hero-stats{justify-content:center}.hero-image{display:none}}.featured-pets{background:var(--color-white)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-tag{display:inline-block;background:var(--color-coral-pink);color:var(--color-white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:14px;font-weight:600;margin-bottom:var(--space-md)}.section-header h2{margin-bottom:var(--space-md)}.section-description{color:var(--color-warm-gray);font-size:18px;max-width:600px;margin:0 auto}.pet-card{cursor:pointer}.pet-image-wrapper{position:relative;overflow:hidden}.pet-image{width:100%;height:250px;object-fit:cover;transition:var(--transition-base)}.pet-card:hover .pet-image{transform:scale(1.05)}.pet-tag{position:absolute;top:var(--space-md);left:var(--space-md)}.pet-info{padding:var(--space-lg)}.pet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.pet-header h3{font-size:20px;color:var(--color-charcoal)}.pet-age{font-size:14px;color:var(--color-warm-gray);background:var(--color-light-gray);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.pet-description{font-size:14px;color:var(--color-warm-gray);margin-bottom:var(--space-md)}.pet-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.pet-personality-tag{font-size:12px;padding:var(--space-xs) var(--space-sm);background:var(--color-soft-cream);color:var(--color-warm-gray);border-radius:var(--radius-full)}.pet-btn{width:100%;justify-content:center;display:flex;align-items:center}.section-cta{text-align:center;margin-top:var(--space-2xl)}.why-adopt{background:var(--color-soft-cream)}.reason-card{text-align:center;padding:var(--space-xl);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:var(--transition-base)}.reason-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium)}.reason-icon{width:70px;height:70px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:var(--color-white)}.reason-card h3{margin-bottom:var(--space-sm)}.reason-card p{color:var(--color-warm-gray);font-size:14px}.adoption-process{background:var(--color-white)}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);position:relative}.process-step{text-align:center;position:relative}.step-number{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:var(--color-coral-pink);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;z-index:2}.step-icon{width:80px;height:80px;background:var(--color-soft-cream);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:var(--space-lg) auto var(--space-md);color:var(--color-coral-pink);transition:var(--transition-base)}.process-step:hover .step-icon{background:var(--color-coral-pink);color:var(--color-white);transform:scale(1.1)}.process-step h3{margin-bottom:var(--space-sm)}.process-step p{color:var(--color-warm-gray);font-size:14px}.step-arrow{position:absolute;top:50%;right:-20px;transform:translateY(-50%);font-size:24px;color:var(--color-coral-pink)}.process-step:last-child .step-arrow{display:none}@media (max-width: 1024px){.process-steps{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.step-arrow{display:none}}@media (max-width: 768px){.process-steps{grid-template-columns:1fr}}.cta-section{background:linear-gradient(135deg,var(--color-coral-pink) 0%,var(--color-warm-peach) 100%);padding:var(--space-4xl) 0}.cta-content{text-align:center;color:var(--color-white)}.cta-content h2{margin-bottom:var(--space-md)}.cta-content p{font-size:18px;margin-bottom:var(--space-xl);opacity:.9}.cta-section .btn-primary{background:var(--color-white);color:var(--color-coral-pink)}.cta-section .btn-primary:hover{background:var(--color-charcoal);color:var(--color-white)}.footer{background:var(--color-charcoal);color:var(--color-white);padding:var(--space-3xl) 0 var(--space-lg)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3xl);margin-bottom:var(--space-2xl)}.footer-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-coral-pink);margin-bottom:var(--space-md)}.footer-brand p{color:var(--color-warm-gray);margin-bottom:var(--space-lg)}.footer-social{display:flex;gap:var(--space-md)}.footer-social a{width:40px;height:40px;background:#ffffff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.footer-social a:hover{background:var(--color-coral-pink)}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.footer-column h4{margin-bottom:var(--space-md);color:var(--color-white)}.footer-column a{display:block;color:var(--color-warm-gray);margin-bottom:var(--space-sm);transition:var(--transition-base)}.footer-column a:hover{color:var(--color-coral-pink)}.contact-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-warm-gray);margin-bottom:var(--space-sm)}.footer-bottom{text-align:center;padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);color:var(--color-warm-gray)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-logo,.footer-social{justify-content:center}.footer-links{grid-template-columns:1fr}.contact-item{justify-content:center}}:root{--color-coral-pink: #FF8A80;--color-warm-peach: #FFAB91;--color-soft-cream: #FFF8E7;--color-mint-green: #B2DFDB;--color-lavender: #E1BEE7;--color-sky-blue: #B3E5FC;--color-charcoal: #37474F;--color-warm-gray: #78909C;--color-light-gray: #ECEFF1;--color-white: #FFFFFF;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .08);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .12);--shadow-hover: 0 12px 40px rgba(255, 138, 128, .25);--font-heading: "Nunito", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", sans-serif;--transition-base: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-soft-cream);color:var(--color-charcoal);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}h1{font-size:48px}h2{font-size:36px}h3{font-size:24px;font-weight:600}h4{font-size:20px;font-weight:600}p{font-size:16px}a{text-decoration:none;color:inherit}button{font-family:var(--font-heading);cursor:pointer;border:none;outline:none}.btn-primary{background:var(--color-coral-pink);color:var(--color-white);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:16px;font-weight:600;transition:var(--transition-base);box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.btn-secondary{background:transparent;color:var(--color-coral-pink);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:16px;font-weight:600;border:2px solid var(--color-coral-pink);transition:var(--transition-base)}.btn-secondary:hover{background:var(--color-coral-pink);color:var(--color-white);transform:translateY(-4px)}.card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:var(--transition-base);overflow:hidden}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:36px}h2{font-size:28px}}.tag{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:12px;font-weight:600}.tag-dog{background:var(--color-sky-blue);color:#0277bd}.tag-cat{background:var(--color-lavender);color:#7b1fa2}.tag-other{background:var(--color-mint-green);color:#00695c}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-soft-cream)}::-webkit-scrollbar-thumb{background:var(--color-coral-pink);border-radius:var(--radius-full)}.text-center{text-align:center}.text-coral{color:var(--color-coral-pink)}.text-gray{color:var(--color-warm-gray)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-lg{margin-top:var(--space-lg)}.py-section{padding:var(--space-4xl) 0}