@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@300;400;500;600;700&family=Nunito:wght@400;500;600;700;800&family=Nunito+Sans:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary: #1B3A5C;--color-secondary: #D4A843;--color-accent: #2AAA8A;--color-warm-neutral: #F5F2EC;--color-dark-surface: #1E293B;--color-success: #38A169;--color-alert: #D69E2E;--color-error: #C53030;--color-primary-light: #24507A;--color-primary-lighter: #2E6699;--color-secondary-light: #E0BC6A;--color-secondary-dark: #B08E36;--color-accent-light: #3DC4A0;--color-accent-dark: #228F74;--color-warm-neutral-dark: #E8E3DA;--color-dark-surface-light: #334155;--color-success-light: #68D391;--color-success-dark: #276749;--color-alert-light: #ECC94B;--color-error-light: #FC8181;--color-error-dark: #9B2C2C;--heading-accent: var(--color-primary);--persona-saya: #0D7377;--persona-marcus: #4A6FA5;--persona-zara: #E8654A;--persona-curator: var(--color-secondary);--text-primary: #1A202C;--text-secondary: #4A5568;--text-muted: #718096;--text-inverse: #FFFFFF;--text-link: #2AAA8A;--text-link-hover: #228F74;--surface-page: #FFFFFF;--surface-card: #FFFFFF;--surface-elevated: #FFFFFF;--surface-overlay: rgba(27, 58, 92, .85);--surface-parchment: #F5F2EC;--surface-code: #F7FAFC;--border-light: #E2E8F0;--border-default: #CBD5E0;--border-dark: #A0AEC0;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.6;--leading-relaxed: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(42, 170, 138, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px}[data-theme=dark]{--surface-page: #1A1F2E;--surface-card: #232838;--surface-elevated: #2A3044;--surface-overlay: rgba(0, 0, 0, .75);--surface-parchment: #1E2333;--surface-code: #252B3B;--text-primary: #E8EAF0;--text-secondary: #A0A8BE;--text-muted: #727D96;--text-inverse: #FFFFFF;--text-link: #3DC4A0;--text-link-hover: #5DD9B8;--border-light: #2E3548;--border-default: #3A4260;--border-dark: #4A5478;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 30px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px rgba(42, 170, 138, .1);--color-primary-light: #2E6699;--color-warm-neutral: #1E2333;--color-warm-neutral-dark: #252B3B;--color-dark-surface: #2A3044;--color-dark-surface-light: #3A4260;--heading-accent: var(--color-secondary-light);color-scheme:dark}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:#e8eaf0}[data-theme=dark] .craft-letter,[data-theme=dark] .badge,[data-theme=dark] [class*=sector-tag],[data-theme=dark] [class*=cat-tag]{color:revert}[data-theme=dark] .hero h1,[data-theme=dark] .hero h2,[data-theme=dark] .hero h3,[data-theme=dark] .hero h4,[data-theme=dark] .section--primary h1,[data-theme=dark] .section--primary h2,[data-theme=dark] .section--primary h3,[data-theme=dark] .section--primary h4{color:#fff}[data-theme=dark] .site-header{background:#1a1f2ef2;border-bottom-color:var(--border-light)}[data-theme=dark] .logo__text,[data-theme=dark] .nav__link{color:var(--text-primary)}[data-theme=dark] .dropdown__menu{background:var(--surface-elevated);border-color:var(--border-light)}[data-theme=dark] .dropdown__item{color:var(--text-secondary)}[data-theme=dark] .dropdown__item:hover{background:var(--surface-parchment);color:var(--text-primary)}[data-theme=dark] .mobile-nav{background:var(--surface-page)}[data-theme=dark] .mobile-nav__link{color:var(--text-primary);border-bottom-color:var(--border-light)}[data-theme=dark] .card{background:var(--surface-card);border-color:var(--border-light)}[data-theme=dark] .card--flat{background:var(--surface-parchment)}[data-theme=dark] .card__title{color:var(--color-secondary-light)}[data-theme=dark] .accordion{border-color:var(--border-light)}[data-theme=dark] .accordion__item{border-bottom-color:var(--border-light)}[data-theme=dark] .accordion__trigger{color:var(--text-primary)}[data-theme=dark] .accordion__trigger:hover{background:var(--surface-parchment)}[data-theme=dark] .callout{background:var(--surface-elevated);border-color:var(--border-light)}[data-theme=dark] .callout--info{background:#2aaa8a14;border-color:#2aaa8a40}[data-theme=dark] .callout--warning{background:#d69e2e14;border-color:#d69e2e40}[data-theme=dark] .callout--danger{background:#c5303014;border-color:#c5303040}[data-theme=dark] .callout--success{background:#38a16914;border-color:#38a16940}[data-theme=dark] .badge--beginner{background:#38a16926;color:var(--color-success-light)}[data-theme=dark] .badge--intermediate{background:#d69e2e26;color:var(--color-alert-light)}[data-theme=dark] .badge--advanced{background:#c5303026;color:var(--color-error-light)}[data-theme=dark] .tag{background:#2aaa8a1f;color:var(--color-accent-light)}[data-theme=dark] .tag--category{background:#d4a8431f;color:var(--color-secondary-light)}[data-theme=dark] .filter-chip{background:var(--surface-elevated);border-color:var(--border-default);color:var(--text-secondary)}[data-theme=dark] .filter-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}[data-theme=dark] .filter-chip.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}[data-theme=dark] .section--parchment{background:var(--surface-parchment)}[data-theme=dark] .site-footer{background:#111522}[data-theme=dark] .search-box{background:var(--surface-card);border-color:var(--border-light)}[data-theme=dark] .search-box__input{color:var(--text-primary)}[data-theme=dark] .share-modal{background:var(--surface-card)}[data-theme=dark] .share-modal__preview{background:var(--surface-parchment);border-color:var(--border-light)}[data-theme=dark] .share-platform{background:var(--surface-elevated);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .share-platform:hover{background:var(--surface-parchment)}[data-theme=dark] .contact-modal{background:var(--surface-card)}[data-theme=dark] .contact-modal__input,[data-theme=dark] .contact-modal__textarea,[data-theme=dark] .contact-modal__select{background:var(--surface-elevated);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] blockquote{color:var(--text-secondary)}[data-theme=dark] a{color:var(--text-link)}[data-theme=dark] a:hover{color:var(--text-link-hover)}[data-theme=dark] .site-footer a{color:var(--color-secondary-light)}[data-theme=dark] .site-footer a:hover{color:var(--color-secondary)}[data-theme=dark] .hero a,[data-theme=dark] .section--primary a{color:var(--color-secondary-light)}[data-theme=dark] .btn--secondary{color:var(--color-secondary-light);border-color:var(--color-secondary-light)}[data-theme=dark] .btn--secondary:hover{background:var(--color-secondary);color:var(--color-primary)}[data-theme=dark] .btn--outline{color:var(--text-primary);border-color:var(--text-primary)}[data-theme=dark] .btn--outline:hover{background:var(--text-primary);color:var(--color-primary);border-color:var(--text-primary)}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] textarea,[data-theme=dark] select{background:var(--surface-elevated);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .like-btn{border-color:var(--border-default);color:var(--text-muted)}[data-theme=dark] .page-actions{background:var(--surface-elevated);border-color:var(--border-default)}[data-theme=dark] .site-header .btn--icon{color:var(--text-primary)!important}[data-theme=dark] .lang-selector__btn{color:var(--text-primary);border-color:var(--border-default)}[data-theme=dark] .persona-take{background:var(--surface-card);border-color:var(--border-light)}[data-theme=dark][data-flavor=warm]{--surface-page: #1C1525;--surface-card: #251E30;--surface-elevated: #2E2640;--surface-parchment: #201830;--surface-code: #251E30;--text-link: #9A7FC8;--text-link-hover: #B8A0E0}[data-theme=dark][data-flavor=warm] h1,[data-theme=dark][data-flavor=warm] h2,[data-theme=dark][data-flavor=warm] h3,[data-theme=dark][data-flavor=warm] h4{color:#e8e0f0}[data-theme=dark][data-flavor=warm] .site-footer{background:#120c1e}[data-theme=dark][data-flavor=dynamic]{--surface-page: #0A0A0F;--surface-card: #141420;--surface-elevated: #1C1C2E;--surface-parchment: #10101A;--surface-code: #141420;--text-primary: #E4E4E7;--text-secondary: #9A9AA0;--text-muted: #6B6B74;--text-link: #9B8CF2;--text-link-hover: #B8AAFF;--border-light: #1E1E30;--border-default: #2A2A40;--border-dark: #3A3A55}[data-theme=dark][data-flavor=dynamic] h1,[data-theme=dark][data-flavor=dynamic] h2,[data-theme=dark][data-flavor=dynamic] h3,[data-theme=dark][data-flavor=dynamic] h4{color:#e4e4e7}[data-theme=dark][data-flavor=dynamic] .site-footer{background:#050508}
