:root{--bg:#120f0b;--bg-soft:#1e1811;--text:#f6e9cf;--muted:#d8c09a;--accent:#e5bf73;--accent-dark:#b7853e;--card-border:#6f5130}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 15% 10%, #3b2c1a 0%, transparent 30%), radial-gradient(circle at 80% 20%, #2b3a22 0%, transparent 35%), var(--bg);min-height:100vh;margin:0;font-family:Inter,Arial,sans-serif}.site-header,main,footer{width:min(1100px,92vw);margin:0 auto}.site-header{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.brand{align-items:center;gap:1rem;display:flex}.brand-logo{border:2px solid var(--card-border);object-fit:cover;border-radius:16px;width:64px;height:64px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .1rem;font-size:.8rem}h1{margin:0;font-size:1.4rem}.pill{color:var(--text);border:1px solid var(--card-border);border-radius:999px;padding:.55rem .95rem;font-size:.92rem;text-decoration:none}.header-actions{align-items:center;gap:.6rem;display:flex}.social-pill{align-items:center;gap:.35rem;display:inline-flex}.social-pill svg{fill:currentColor;width:14px;height:14px}.hero{border:1px solid var(--card-border);background:linear-gradient(#102017eb,#09130deb);border-radius:22px;margin-top:3rem;padding:clamp(1.5rem,4vw,3rem)}.tag{color:var(--accent);letter-spacing:.02em;margin:0 0 .5rem;font-weight:600}h2{margin:0;font-size:clamp(1.8rem,5vw,3rem)}.lead,.sub-lead{max-width:70ch;color:var(--muted);margin:1rem 0 0;line-height:1.65}.cta-row{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.button{cursor:pointer;border-radius:12px;padding:.8rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.button-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#1d1308}.button-secondary{color:var(--text);border:1px solid var(--card-border);background:#264f2f40}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem;display:grid}.card{border:1px solid var(--card-border);background:var(--bg-soft);border-radius:16px;padding:1rem}.card h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.9rem}.card p{margin:.5rem 0 0;font-weight:700}.gallery-hero{margin-top:2rem}.gallery-sub{color:var(--muted);margin:.8rem 0 0}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.frog-card{border:1px solid var(--card-border);background:var(--bg-soft);border-radius:16px;overflow:hidden}.frog-link{color:inherit;text-decoration:none;display:block}.frog-image{aspect-ratio:1;object-fit:cover;background:#0a1910;width:100%}.frog-meta{padding:.75rem}.frog-name{margin:0;font-size:.95rem;font-weight:700}.frog-id{color:var(--muted);overflow-wrap:anywhere;margin:.45rem 0 0;font-size:.75rem}.pagination{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0 0;display:flex}.pagination-info{color:var(--muted);font-size:.9rem}.filters{border:1px solid var(--card-border);background:#264f2f33;border-radius:14px;margin-top:1rem;padding:.9rem}.filters h3{margin:0;font-size:.95rem}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:.7rem;margin-top:.75rem;display:flex}.filter-field{flex-direction:column;gap:.3rem;min-width:200px;display:flex}.filter-field label{color:var(--muted);font-size:.82rem}.filter-field select,.filter-field input{color:var(--text);border:1px solid var(--card-border);font:inherit;background:#251d14;border-radius:10px;padding:.55rem .6rem}.attribute-filters{flex-wrap:wrap;gap:.7rem;margin-top:.75rem;display:flex}.attribute-filters .filter-field{flex:180px;min-width:180px}.frog-attrs{color:var(--muted);margin:.65rem 0 0;padding-left:1rem;font-size:.78rem;line-height:1.45}footer{border-top:1px solid var(--card-border);color:var(--muted);margin:2rem auto 1.6rem;padding-top:1.2rem;font-size:.92rem}.social-links{align-items:center;gap:.8rem;margin-top:.7rem;display:flex}.social-link{color:var(--text);align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.social-link svg{fill:currentColor;width:15px;height:15px}@media (max-width:780px){.cards{grid-template-columns:1fr}.site-header{flex-direction:column;align-items:flex-start;gap:1rem}}