:root{--modern-ink:#0b2d2c;--modern-teal:#087f72;--modern-mint:#22c79a;--modern-lime:#c9f35b;--modern-sky:#5bc7f2;--modern-coral:#ff7d66;--modern-surface:#f7fbf7}
body{color:var(--modern-ink);background:linear-gradient(180deg,#f7fff9 0%,#fffdf6 48%,#f2fbff 100%)}
.site-header{background:linear-gradient(90deg,#073f3cda,#087f72e8);border-bottom:1px solid #ffffff42;box-shadow:0 10px 35px #064d4824;backdrop-filter:blur(18px)}
.logo em{color:var(--modern-lime)}.nav-cta{border:0;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff45}.nav-cta:hover{background:#fff;color:var(--modern-teal)!important}
.hero-shade{background:linear-gradient(90deg,#063d3bd9 0%,#08776eb5 38%,#0d6b6924 68%,#0d57552c),linear-gradient(0deg,#063b3970,transparent 42%)}
.kicker,.hero h1 span,.hero-facts strong{color:var(--modern-lime)}.hero-actions .gold{color:#092f2d;background:linear-gradient(120deg,var(--modern-lime),#fff07b);box-shadow:0 15px 35px #c9f35b42}.hero-actions .ghost{background:#ffffff18;border-color:#ffffff70;backdrop-filter:blur(10px)}
.section-heading h2,.club h2{color:var(--modern-ink)}.eyebrow{color:var(--modern-teal)}
.filter{border:1px solid #b9ddd5;color:#116f66;background:#ffffffc9;box-shadow:0 5px 16px #096b5c0d}.filter:hover,.filter.active{border-color:transparent;color:#073733;background:linear-gradient(120deg,var(--modern-lime),#eafaa4);box-shadow:0 9px 22px #9dcc3850}
.species-card{background:linear-gradient(145deg,#0a8f7e,#075a5c);box-shadow:0 20px 45px #087b6930}.species-card:nth-child(2n){background:linear-gradient(145deg,#248caa,#16647a)}.species-card:nth-child(3n){background:linear-gradient(145deg,#6ba339,#39743c)}.species-card:before{background:radial-gradient(circle at 78% 18%,#d9ff8180,transparent 38%),linear-gradient(0deg,#073b3bd8,transparent 62%)}
.explore-section{background:linear-gradient(135deg,#dffbf1 0%,#e5f7ff 52%,#fffbdc 100%)}.era-grid article{border:1px solid #ffffff;background:#ffffffb8;box-shadow:0 18px 45px #13776516;backdrop-filter:blur(12px)}.era-grid article:nth-child(2){background:#ecfbffcc}.era-grid article:nth-child(3){background:#fff9dccc}.era-grid strong{color:#ef795e}.timeline{border:1px solid #ffffff;background:#ffffffa8;box-shadow:0 15px 35px #156b5d12}.timeline i{background:linear-gradient(90deg,var(--modern-mint),var(--modern-sky),var(--modern-lime))}
.habitat-grid article{box-shadow:0 20px 45px #123d3428}.habitat-grid .forest{background:#087f72}.habitat-grid .ocean{background:#1683ad}.habitat-grid .desert{background:#df8852}.habitat-grid .coast{background:#527f8c}.habitat-grid article:before{background:linear-gradient(0deg,#082f31e8 2%,transparent 75%),radial-gradient(circle at 75% 15%,#eaff8e73,transparent 42%)}
.trust-strip{background:linear-gradient(90deg,#e8ffd3,#dff9ef,#def5ff);border:0}.trust-strip b{border:0;color:#fff;background:linear-gradient(145deg,var(--modern-teal),var(--modern-mint));box-shadow:0 8px 18px #168c7a30}
.dark-section{background:linear-gradient(145deg,#effff5,#edfaff 55%,#fffce9)}.resource{border:1px solid #ffffff;background:#ffffffc7;box-shadow:0 20px 50px #126b5b14;backdrop-filter:blur(14px)}.cover{background:linear-gradient(145deg,#087f72,#073f4c);border-color:var(--modern-lime);box-shadow:12px 14px 0 #bde74e4a}.resource-visual{color:var(--modern-teal);border-color:#c7e8df;background:linear-gradient(145deg,#f7fffa,#e5f8ff)}.resource-type{color:#ef735e}.text-link{color:var(--modern-teal)}
.story-grid article{border:1px solid #ffffff;background:#ffffffd8;box-shadow:0 18px 40px #14705e14}.story-grid span{color:var(--modern-coral)}
.club{background:linear-gradient(120deg,#c9f35b,#9debcf 52%,#9bddf7)}.form-row input{border:1px solid #ffffff;color:var(--modern-ink);background:#ffffffdf;box-shadow:0 12px 28px #07584b18}.form-row .gold{background:linear-gradient(120deg,#087f72,#0aa589);color:#fff;box-shadow:0 12px 28px #087f7240}
footer{background:linear-gradient(135deg,#063f3d,#075c58)}.footer-grid strong{color:var(--modern-lime)}
.button,.filter,.species-card,.era-grid article,.habitat-grid article,.resource,.story-grid article{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:hover{transform:translateY(-3px) scale(1.015)}
@media(max-width:850px){.hero-shade{background:linear-gradient(90deg,#064b47d6,#087a70a3)}}