.human-code-page.svelte-1jc67tv{min-height:100vh}.hero.svelte-1jc67tv{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 20px 80px;text-align:center}.hero.svelte-1jc67tv h1:where(.svelte-1jc67tv){font-size:3rem;margin-bottom:1rem;font-weight:700}.subtitle.svelte-1jc67tv{font-size:1.5rem;margin-bottom:.5rem;opacity:.95}.tagline.svelte-1jc67tv{font-size:1.1rem;opacity:.9}.section.svelte-1jc67tv{padding:80px 20px}.bg-light.svelte-1jc67tv{background-color:#f8f9fa}.bg-primary.svelte-1jc67tv{background:linear-gradient(135deg,#667eea,#764ba2)}.container.svelte-1jc67tv{max-width:1200px;margin:0 auto}h2.svelte-1jc67tv{font-size:2.5rem;margin-bottom:1.5rem;text-align:center;font-weight:700}.section-subtitle.svelte-1jc67tv{text-align:center;font-size:1.3rem;color:#666;margin-bottom:1rem}.description.svelte-1jc67tv{text-align:center;font-size:1.1rem;line-height:1.8;margin-bottom:3rem;color:#555}.key-points.svelte-1jc67tv{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.point-card.svelte-1jc67tv{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.benefits-grid.svelte-1jc67tv{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.benefit-card.svelte-1jc67tv{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.stages-timeline.svelte-1jc67tv{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.stage-card.svelte-1jc67tv{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;position:relative}.stage-number.svelte-1jc67tv{position:absolute;top:-15px;left:20px;background:#667eea;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.stage-card.svelte-1jc67tv h3:where(.svelte-1jc67tv){margin-top:1rem;margin-bottom:.5rem;color:#333}.stage-desc.svelte-1jc67tv{color:#666;margin-bottom:.5rem}.stage-detail.svelte-1jc67tv{color:#888;font-size:.95rem}.metrics-grid.svelte-1jc67tv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.metric-card.svelte-1jc67tv{background:#ffffff26;padding:2rem;border-radius:12px;text-align:center;color:#fff}.metric-value.svelte-1jc67tv{font-size:3rem;font-weight:700;margin-bottom:.5rem}.metric-value.svelte-1jc67tv .unit:where(.svelte-1jc67tv){font-size:1.5rem;margin-left:.2rem}.metric-label.svelte-1jc67tv{font-size:1.1rem;margin-bottom:.3rem;font-weight:600}.metric-desc.svelte-1jc67tv{font-size:.9rem;opacity:.9}.principles-grid.svelte-1jc67tv{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.principle-card.svelte-1jc67tv{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;position:relative}.principle-number.svelte-1jc67tv{position:absolute;top:-15px;right:20px;background:#764ba2;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.principle-card.svelte-1jc67tv h3:where(.svelte-1jc67tv){margin-bottom:.5rem;color:#333}.principle-desc.svelte-1jc67tv{color:#666;font-weight:600;margin-bottom:.5rem}.principle-detail.svelte-1jc67tv{color:#888;font-size:.95rem}.temperaments-grid.svelte-1jc67tv{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.temperament-card.svelte-1jc67tv{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.temp-code.svelte-1jc67tv{font-size:2rem;font-weight:700;margin-bottom:.5rem}.keywords.svelte-1jc67tv{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.keyword.svelte-1jc67tv{background:#f0f0f0;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;color:#555}.dual-structure-grid.svelte-1jc67tv{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.structure-card.svelte-1jc67tv{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.structure-card.svelte-1jc67tv h3:where(.svelte-1jc67tv){margin-bottom:.5rem;color:#333}.structure-desc.svelte-1jc67tv{color:#666;margin-bottom:.5rem;font-weight:600}.structure-char.svelte-1jc67tv{color:#888;font-size:.95rem}.states-row.svelte-1jc67tv{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.state-badge.svelte-1jc67tv{padding:1rem 1.5rem;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000001a}.state-badge[data-color=green].svelte-1jc67tv{border-left:4px solid #10b981}.state-badge[data-color=orange].svelte-1jc67tv{border-left:4px solid #f59e0b}.state-badge[data-color=red].svelte-1jc67tv{border-left:4px solid #ef4444}.cta-section.svelte-1jc67tv{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.text-center.svelte-1jc67tv{text-align:center}.text-white.svelte-1jc67tv{color:#fff}.btn.svelte-1jc67tv{display:inline-block;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s}.btn-primary.svelte-1jc67tv{background:#fff;color:#667eea}.btn-primary.svelte-1jc67tv:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-lg.svelte-1jc67tv{font-size:1.1rem;padding:1.2rem 2.5rem;margin-top:1rem}@media(max-width:768px){.hero.svelte-1jc67tv h1:where(.svelte-1jc67tv){font-size:2rem}h2.svelte-1jc67tv{font-size:1.8rem}.section.svelte-1jc67tv{padding:60px 20px}}