.czd-layout{background:#f8fafb;flex-direction:column;min-height:100vh;display:flex}.czd-header{z-index:100;background:#0e0d1e;border-bottom:1px solid #ef444426;position:sticky;top:0}.czd-header-content{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex}.czd-logo{font-family:var(--font-serif);color:#ede9fe;font-size:1.2rem;text-decoration:none}.czd-nav-cta{color:#fff1f1;background:#dc2626;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.czd-nav-cta:hover{background:#ef4444;transform:translateY(-1px)}.czd-main{flex:1}.czd-hero{text-align:center;color:#ffe4e6;background:linear-gradient(160deg,#1a0d0e 0%,#3f0e18 45%,#1a0d0e 100%);padding:4rem 2rem 4.5rem}.czd-hero-badge{color:#fca5a5;letter-spacing:.06em;text-transform:uppercase;background:#ef444426;border:1px solid #ef44444d;border-radius:999px;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.78rem;font-weight:500;display:inline-flex}.czd-hero h1{font-family:var(--font-serif);color:#fff;margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.5rem)}.czd-hero-subtitle{color:#ffe4e6d9;max-width:720px;margin:0 auto;font-size:1rem;line-height:1.7}.czd-table-section{gap:1.5rem;max-width:1000px;margin:3rem auto 2rem;padding:0 1.5rem;display:grid}.czd-animal-block{background:#fff;border:1px solid #00000012;border-radius:16px;padding:1.75rem;transition:all .2s}.czd-animal-block:hover{border-color:#ef44444d;box-shadow:0 4px 24px #ef444414}.czd-animal-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.czd-animal-emoji{font-size:2.5rem;line-height:1}.czd-animal-heading{flex:1;min-width:150px}.czd-animal-heading h2{font-family:var(--font-serif);color:#0e0d1e;margin:0 0 .25rem;font-size:1.5rem}.czd-chinese{color:#dc2626;margin-left:.25rem;font-weight:400}.czd-animal-traits{color:#6b7280;margin:0;font-size:.85rem}.czd-more-link{color:#dc2626;white-space:nowrap;font-size:.85rem;font-weight:500;text-decoration:none}.czd-more-link:hover{color:#b91c1c;text-decoration:underline}.czd-years-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.czd-year-card{color:#0e0d1e;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-direction:column;gap:.2rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.czd-year-card:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.czd-year-label{color:#dc2626;font-size:1.1rem;font-weight:700}.czd-year-range{color:#374151;font-size:.78rem}.czd-info{background:#fff;border-top:1px solid #0000000d;padding:3rem 2rem}.czd-info-inner{color:#1f2937;max-width:760px;margin:0 auto;line-height:1.75}.czd-info h2{font-family:var(--font-serif);color:#0e0d1e;margin:0 0 1.25rem;font-size:1.6rem}.czd-info h3{font-family:var(--font-serif);color:#0e0d1e;margin:2rem 0 .75rem;font-size:1.2rem}.czd-info p{margin:0 0 1rem}.czd-info ul{margin:0 0 1rem;padding-left:1.5rem}.czd-info li{margin-bottom:.5rem}.czd-info a{color:#dc2626;text-decoration:underline}.czd-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#3f0e18 0%,#1a0d0e 100%);border-radius:14px;max-width:800px;margin:2rem auto 3rem;padding:2rem}.czd-cta h3{font-family:var(--font-serif);margin:0 0 .5rem;font-size:1.3rem}.czd-cta p{color:#ffe4e6d9;margin:0 0 1rem}.czd-cta-btn{color:#fff;background:#dc2626;border-radius:10px;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.czd-cta-btn:hover{background:#ef4444}