*{box-sizing:border-box;margin:0;padding:0}body{color:#4a2c2a;background:linear-gradient(135deg,#fce4ec 0%,#f8bbd0 100%);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}header{color:#fff;z-index:100;background:linear-gradient(135deg,#e91e63,#ad1457);padding:1rem 0;position:sticky;top:0;box-shadow:0 4px 15px #e91e634d}header h1{margin:0;font-size:1.8rem}header h1 a{color:#fff;text-decoration:none}header h1 a:hover{text-shadow:0 0 20px #ffffff80}nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;max-width:1100px;margin:0 auto;padding:0 1rem;display:flex}nav ul{flex-wrap:wrap;gap:.2rem;list-style:none;display:flex}nav ul li a{color:#ffffffe6;white-space:nowrap;border-radius:20px;padding:.5rem .8rem;font-size:.9rem;text-decoration:none;transition:all .2s}nav ul li a:hover,nav ul li a.active{color:#fff;background:#fff3}.container{max-width:1100px;margin:0 auto;padding:2rem 1rem}.hero{text-align:center;background:linear-gradient(135deg,#fce4ec,#f8bbd0,#f48fb1);border-radius:24px;margin:2rem 0;padding:4rem 1rem;box-shadow:0 8px 32px #e91e6326}.hero h2{color:#880e4f;margin-bottom:1rem;font-size:3rem}.hero p{color:#6a1b3a;max-width:600px;margin:0 auto 2rem;font-size:1.2rem}.hero-emoji{margin-bottom:1rem;font-size:6rem;animation:2s infinite bounce;display:block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.card{background:#fff;border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #e91e631a}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #e91e6333}.card h3{color:#ad1457;margin-bottom:.5rem;font-size:1.3rem}.card .emoji-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}h2{color:#880e4f;margin:2rem 0 1rem;font-size:2rem}.page-title{text-align:center;padding:2rem 0 1rem}.page-title h2{font-size:2.5rem}.page-title .emoji-icon{margin-bottom:.5rem;font-size:4rem;display:block}.content-section{background:#fff;border-radius:16px;margin:2rem 0;padding:2rem;box-shadow:0 4px 20px #e91e631a}.content-section p{margin-bottom:1rem;font-size:1.05rem}.content-section ul{margin:1rem 0;padding-left:1.5rem}.content-section li{margin-bottom:.5rem}.pig-card{background:#fff;border-radius:16px;align-items:flex-start;gap:1.5rem;margin:1rem 0;padding:1.5rem;transition:transform .2s;display:flex;box-shadow:0 4px 20px #e91e631a}.pig-card:hover{transform:translate(5px)}.pig-card .emoji-large{flex-shrink:0;font-size:3rem}.pig-card h3{color:#ad1457;margin-bottom:.3rem}.pig-card .latin-name{color:#9e9e9e;margin-bottom:.5rem;font-size:.9rem;font-style:italic}footer{text-align:center;color:#7f4f4a;margin-top:3rem;padding:2rem;font-size:.9rem}@media (max-width:600px){nav{text-align:center;flex-direction:column}.hero h2{font-size:2rem}.hero-emoji{font-size:4rem}.pig-card{flex-direction:column}}