:root{color-scheme:dark;font-family:Poppins,Space Grotesk,system-ui,sans-serif;--color-void: #0a0a0a;--color-charcoal: #1a1a1a;--color-blood: #d90429;--color-crimson: #ef233c;--color-acid: #39ff14;--color-lime: #ccff00;--color-gold: #d4af37;--color-bronze: #b87333;--color-silver: #c0c0c0;background-color:var(--color-void);color:#f0f0f0;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-void);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 15% 20%,rgba(217,4,41,.28),transparent 42%),radial-gradient(circle at 85% 10%,rgba(239,35,60,.22),transparent 48%),radial-gradient(circle at 50% 80%,rgba(57,255,20,.18),transparent 52%),radial-gradient(circle at 10% 90%,rgba(204,255,0,.14),transparent 56%),radial-gradient(circle at 90% 85%,rgba(212,175,55,.1),transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a 30%,#0f0f0f 70%,#0a0a0a);background-size:200% 200%,180% 180%,220% 220%,190% 190%,210% 210%,400% 400%;animation:predatorPulse 18s ease-in-out infinite,huntingRipple 24s ease-in-out infinite;transform:translateZ(0);filter:blur(90px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:repeating-radial-gradient(circle at 20% 30%,transparent 0,rgba(57,255,20,.03) 2px,transparent 4px),repeating-radial-gradient(circle at 80% 70%,transparent 0,rgba(217,4,41,.02) 2px,transparent 4px);animation:particleDrift 40s linear infinite}#root{width:100%}a{color:inherit}main{display:flex;flex-direction:column;gap:5rem;position:relative;z-index:1;padding-bottom:6rem}section{margin:0 auto;width:min(1200px,92vw);position:relative}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;padding:8rem 0 4rem;position:relative}.hero>*{position:relative;z-index:1}.canvas-bg{position:absolute;top:-25%;right:-10%;bottom:0;left:-10%;z-index:0;pointer-events:none;transform:translateZ(0);filter:saturate(1.4)}.canvas-bg canvas{width:100%!important;height:100%!important;opacity:.95}.hero-copy h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.05;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(90deg,var(--color-acid),var(--color-lime),var(--color-blood),var(--color-acid));background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:chromaShift 6s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(57,255,20,.3))}.hero-copy p{font-size:1.1rem;line-height:1.8;margin:0 0 2rem;color:#f0f0f0d9}.cta-row{display:flex;flex-wrap:wrap;gap:1rem}.cta-button{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.8rem;border-radius:999px;border:2px solid var(--color-crimson);background:linear-gradient(135deg,#d9042940,#ef233c26);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform;box-shadow:0 4px 20px #d904294d,inset 0 1px #ffffff1a}.cta-button:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 16px 40px #ef233c80,inset 0 1px #fff3;background:linear-gradient(135deg,#d9042973,#ef233c59);border-color:var(--color-blood)}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-radius:999px;background:linear-gradient(135deg,#d4af3733,#b8733326);border:1px solid var(--color-gold);margin-bottom:1.5rem;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);font-weight:600;box-shadow:0 0 30px #d4af374d}.glass-panel{position:relative;overflow:hidden;padding:2.5rem;border-radius:1.5rem;background:linear-gradient(135deg,#1a1a1ad9,#0a0a0ae6);border:2px solid var(--color-bronze);box-shadow:0 35px 80px #000000b3,inset 0 1px #d4af374d,0 0 60px #b8733333;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.glass-panel:before,.glass-panel:after{content:"";position:absolute;border-radius:50%;filter:blur(50px);mix-blend-mode:screen;animation:floatPulse 20s ease-in-out infinite}.glass-panel:before{width:250px;height:250px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(217,4,41,.25) 0%,transparent 70%)}.glass-panel:after{width:200px;height:200px;bottom:-80px;left:-80px;background:radial-gradient(circle,rgba(57,255,20,.2) 0%,transparent 70%);animation-delay:-10s}.glass-panel h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 1.2rem;background:linear-gradient(120deg,var(--color-acid),var(--color-lime),var(--color-gold));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.06em}.glass-panel p{margin:0 0 1.5rem;line-height:1.7;color:#f0f0f0d9}.care-list{list-style:none;padding:0;margin:0}.care-list li{margin:.8rem 0;padding-left:1.5rem;position:relative;line-height:1.7;color:#f0f0f0d9}.care-list li:before{content:"▸";position:absolute;left:0;color:var(--color-crimson);font-size:1.2rem;font-weight:700}.highlight{color:var(--color-acid);font-weight:700;text-shadow:0 0 10px rgba(57,255,20,.4)}.lore{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.2rem}.lore h2{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,3vw,2.8rem);margin:0 0 1.5rem;background:linear-gradient(120deg,var(--color-gold),var(--color-bronze),var(--color-gold));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.lore p{margin:0;line-height:1.7;color:#f0f0f0d9}.species-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,4vw,3.4rem);text-transform:uppercase;letter-spacing:.12em;margin:0 0 1rem;background:linear-gradient(90deg,var(--color-crimson),var(--color-blood),var(--color-gold),var(--color-crimson));background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;animation:chromaShift 8s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(217,4,41,.4))}.species-subtitle{margin:0 auto 3rem;max-width:780px;text-align:center;font-size:1.05rem;line-height:1.7;color:#f0f0f0bf}.species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;padding:2rem 0}.species-card{position:relative;overflow:hidden;border-radius:1.5rem;padding:1.1rem;display:flex;flex-direction:column;gap:.8rem;min-height:420px;background:linear-gradient(135deg,#1a1a1af0,#0a0a0af5);border:2px solid var(--color-bronze);box-shadow:0 20px 60px #000000b3,inset 0 1px #d4af3733,0 0 30px #d904291f;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.species-card:hover{border-color:var(--color-gold);box-shadow:0 26px 72px #000000d9,inset 0 1px #d4af3761,0 0 50px #ef233c40}.species-tag{position:absolute;top:1.5rem;right:1.5rem;padding:.4rem .8rem;border-radius:999px;background:linear-gradient(135deg,#d4af3740,#b8733326);border:1px solid var(--color-gold);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);font-weight:600;box-shadow:0 0 20px #d4af3766}.species-card-image-wrapper{border-radius:1rem;overflow:hidden}.species-card-image{width:100%;height:210px;object-fit:cover;border:2px solid var(--color-crimson);box-shadow:0 8px 30px #d904294d;transition:transform .4s ease,box-shadow .4s ease}.species-card:hover .species-card-image{transform:scale(1.05);box-shadow:0 12px 40px #ef233c80}.species-card-content{display:flex;flex-direction:column;gap:.55rem;min-height:135px}.species-tagline{margin:0;color:#f0f0f0cc;font-size:.92rem}.species-name{font-family:Space Grotesk,sans-serif;font-size:1.5rem;margin:0;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(90deg,var(--color-acid),var(--color-lime));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.species-fact{font-size:.95rem;line-height:1.6;color:#f0f0f0bf;margin:0}.species-card-button{margin-top:auto;padding:.8rem 1.2rem;border-radius:999px;border:2px solid var(--color-crimson);background:linear-gradient(135deg,#d904294d,#ef233c33);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #d904294d}.species-card-button:hover{transform:translateY(-4px);background:linear-gradient(135deg,#d9042980,#ef233c66);box-shadow:0 8px 25px #ef233c80;border-color:var(--color-blood)}.touch-hint{font-size:.75rem;color:#f0f0f080;text-align:center;margin:0}.resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}.resource-card{padding:1.6rem;border-radius:1.2rem;border:1px solid rgba(212,175,55,.3);background:linear-gradient(140deg,#121212e6,#090909f2);box-shadow:0 15px 45px #0000008c}.resource-card h3{margin:0 0 .7rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em}.resource-card p{color:#f0f0f0d6;margin:0 0 1rem}.resource-card a{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.1rem;border-radius:999px;border:1px solid var(--color-acid);color:var(--color-acid);font-weight:700;text-decoration:none;transition:all .25s ease}.resource-card a:hover{color:#0a0a0a;background:var(--color-acid);box-shadow:0 10px 24px #39ff1459}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#060606d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.modal-container{position:relative;z-index:1;width:min(840px,calc(100vw - 2rem));max-height:min(84vh,820px);border-radius:1.3rem;overflow:clip;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(160deg,#121212fa,#080808fa);border:1px solid rgba(212,175,55,.45);box-shadow:0 30px 90px #000000bf;pointer-events:auto}.modal-close{position:absolute;top:.8rem;right:.8rem;border:1px solid rgba(255,255,255,.2);background:#0a0a0abf;color:#fff;border-radius:999px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.modal-header{display:grid;grid-template-columns:220px 1fr;gap:.9rem;padding:1rem 1rem .7rem;min-width:0}.modal-image{width:100%;height:150px;object-fit:cover;border-radius:.9rem;border:2px solid var(--color-crimson)}.modal-title{margin:.15rem 0 .35rem;font-size:clamp(1.35rem,2vw,1.85rem);text-transform:uppercase;letter-spacing:.06em;color:var(--color-acid);overflow-wrap:anywhere;word-break:break-word}.modal-tagline{margin:0;color:#f0f0f0d1;font-size:.98rem}.modal-body{padding:.3rem 1rem .9rem;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.modal-fact{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem .8rem;border-radius:.8rem;background:#d904291f;border:1px solid rgba(239,35,60,.32)}.modal-fact p{margin:0;min-width:0;overflow-wrap:anywhere;word-break:break-word}.modal-section-title{margin:.85rem 0 .45rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;font-size:1.05rem}.modal-care-list{margin:0;padding-left:1.1rem}.modal-care-list li{margin-bottom:.45rem;color:#f0f0f0d6;overflow-wrap:anywhere;word-break:break-word;font-size:.96rem}.modal-presentation-section{margin-top:.9rem;padding:.85rem;border-radius:.9rem;border:1px solid rgba(57,255,20,.38);background:#39ff140f}.modal-presentation-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;border-radius:999px;border:1px solid var(--color-acid);color:var(--color-acid);text-decoration:none;font-weight:700;text-align:center}.modal-presentation-buttons{display:grid;grid-template-columns:1fr;gap:.55rem}.modal-presentation-button:hover{background:var(--color-acid);color:#0a0a0a}.modal-presentation-coming-soon{margin-top:1rem;padding:.8rem;border-radius:.8rem;background:#d4af371f;border:1px solid rgba(212,175,55,.35)}.modal-footer{padding:.65rem 1rem .9rem;border-top:1px solid rgba(255,255,255,.1)}.modal-footer-text{margin:0;color:#f0f0f0bd;font-size:.94rem}.modal-footer-link{color:var(--color-gold);text-decoration:none;font-weight:700}.modal-footer-link:hover{color:var(--color-acid)}.floating-whatsapp{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-acid),var(--color-lime));color:#0a0a0a;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #39ff1480;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-whatsapp:hover{transform:scale(1.15) translateY(-4px);box-shadow:0 12px 40px #39ff14b3}body.modal-open .floating-whatsapp{opacity:0;pointer-events:none;transform:scale(.9)}@media (max-width: 1024px){.modal-container{width:min(860px,calc(100vw - 1.5rem));max-height:min(90dvh,900px)}.modal-header{grid-template-columns:220px 1fr}}.image-disclaimer{margin-top:.8rem;font-size:.78rem;color:#f0f0f080;font-style:italic}@keyframes chromaShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes predatorPulse{0%{background-position:0% 50%,80% 40%,20% 60%,10% 90%,90% 85%,0% 50%}50%{background-position:100% 50%,30% 70%,80% 20%,90% 10%,10% 15%,100% 50%}to{background-position:0% 50%,80% 40%,20% 60%,10% 90%,90% 85%,0% 50%}}@keyframes huntingRipple{0%{filter:blur(90px) hue-rotate(0deg) saturate(1)}33%{filter:blur(95px) hue-rotate(10deg) saturate(1.15)}66%{filter:blur(85px) hue-rotate(-8deg) saturate(1.1)}to{filter:blur(90px) hue-rotate(0deg) saturate(1)}}@keyframes floatPulse{0%{transform:scale(.85) translateZ(0)}50%{transform:scale(1.1) translate3d(20px,-15px,0)}to{transform:scale(.85) translateZ(0)}}@keyframes particleDrift{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100vh) rotate(360deg)}}@media (max-width: 768px){.hero{padding:6rem 0 3rem}.species-grid{gap:4rem;grid-template-columns:1fr;max-width:420px;margin:0 auto;padding:1rem 0}.species-card{margin-bottom:2rem}.glass-panel{padding:2rem}.modal-shell{padding:.45rem}.modal-container{width:calc(100vw - .75rem);max-height:calc(100dvh - .75rem);border-radius:1rem}.modal-header{grid-template-columns:1fr;gap:.8rem;padding:1rem 1rem .5rem}.modal-image{height:170px}.modal-body{padding:.4rem 1rem .9rem}.modal-footer{padding:.75rem 1rem 1rem}.modal-presentation-button{width:100%;justify-content:center}.floating-whatsapp{width:56px;height:56px;bottom:1.5rem;right:1.5rem}}@media (max-width: 480px){.modal-shell{padding:.25rem}.modal-container{width:calc(100vw - .4rem);max-height:calc(100dvh - .4rem);border-radius:.85rem}.modal-close{width:36px;height:36px;top:.6rem;right:.6rem}.modal-header{padding:.85rem .85rem .45rem}.modal-title{font-size:1.45rem}.modal-tagline,.modal-fact p,.modal-care-list li,.modal-footer-text{font-size:.95rem}.modal-body{padding:.35rem .85rem .75rem}.modal-footer{padding:.65rem .85rem .85rem}.modal-presentation-button{width:100%;justify-content:center;font-size:.93rem}.floating-whatsapp{width:52px;height:52px;right:1rem;bottom:1rem}}