:root{--color-primary: #5b4e8c;--color-primary-light: #7b6eac;--color-primary-dark: #3b2e6c;--primary-50: #f5f3f7;--primary-100: #ebe7f0;--primary-200: #d7cfe1;--primary-300: #c3b7d2;--primary-400: #9f8fbc;--primary-500: #7b6eac;--primary-600: #5b4e8c;--primary-700: #4a3e7c;--primary-800: #3b2e6c;--primary-900: #2c1e5c;--color-accent: #e8b04b;--color-accent-light: #f0c66b;--color-accent-dark: #c89a3b;--accent-50: #fff9e6;--accent-100: #fff3cd;--accent-200: #ffe79b;--accent-300: #ffdb69;--accent-400: #f0c66b;--accent-500: #e8b04b;--accent-600: #c89a3b;--accent-700: #a8842b;--accent-800: #886e1b;--accent-900: #68580b;--color-secondary: #4a8b8c;--color-secondary-light: #6aaaac;--color-secondary-dark: #2a6b6c;--secondary-50: #e6f7f7;--secondary-100: #cdeff0;--secondary-200: #9bdfe0;--secondary-300: #6aaaac;--secondary-400: #5a9a9c;--secondary-500: #4a8b8c;--secondary-600: #3a7b7c;--secondary-700: #2a6b6c;--secondary-800: #1a5b5c;--secondary-900: #0a4b4c;--color-dark: #1a1625;--color-dark-soft: #2d2838;--color-gray-900: #3f3a4b;--color-gray-800: #4f495b;--color-gray-700: #5e5869;--color-gray-600: #6b6574;--color-gray-500: #8e8896;--color-gray-400: #aea8b6;--color-gray-300: #c4bfc9;--color-gray-200: #d8d4dd;--color-gray-100: #f0eef2;--color-gray-50: #f7f6f9;--color-white: #ffffff;--color-off-white: #faf9fb;--color-success: #52c41a;--color-success-light: #73d13d;--color-warning: #faad14;--color-warning-light: #ffc53d;--color-error: #f5222d;--color-error-light: #ff4d4f;--color-info: #1890ff;--color-info-light: #40a9ff;--filter-active-bg: var(--color-primary);--filter-active-color: var(--color-white);--filter-active-border: var(--color-primary);--filter-hover-bg: var(--primary-50);--filter-hover-color: var(--primary-700);--filter-hover-border: var(--primary-300);--all-lang-inactive-bg: linear-gradient(135deg, var(--primary-50), var(--accent-50));--all-lang-inactive-border: var(--color-gray-200);--all-lang-inactive-color: var(--color-gray-700);--all-lang-active-bg: var(--color-primary);--all-lang-active-border: var(--color-primary);--all-lang-active-color: var(--color-white);--font-display: "Crimson Text", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--fs-hero: clamp(2.5rem, 5vw + 1rem, 4.5rem);--fs-h1: clamp(2rem, 4vw + 1rem, 3.5rem);--fs-h2: clamp(1.75rem, 3vw + .5rem, 2.5rem);--fs-h3: clamp(1.25rem, 2vw + .5rem, 1.75rem);--fs-h4: clamp(1.125rem, 1.5vw + .5rem, 1.5rem);--fs-body: clamp(1rem, 1vw + .75rem, 1.125rem);--fs-small: .875rem;--fs-tiny: .75rem;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-normal: 1.6;--lh-relaxed: 1.8;--ls-tight: -.02em;--ls-normal: 0;--ls-wide: .025em;--ls-wider: .05em;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--space-3xl: 6rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--container-max: 1200px;--container-padding: clamp(1rem, 5vw, 2rem);--container-wide: 1600px;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(26, 22, 37, .08);--shadow-md: 0 4px 12px rgba(26, 22, 37, .12);--shadow-lg: 0 8px 24px rgba(26, 22, 37, .16);--shadow-xl: 0 16px 48px rgba(26, 22, 37, .24);--shadow-primary: 0 4px 12px rgba(91, 78, 140, .25);--shadow-accent: 0 4px 12px rgba(232, 176, 75, .25);--shadow-secondary: 0 4px 12px rgba(74, 139, 140, .25);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.language-filters{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(2,auto);gap:8px;padding:8px;max-width:100%;justify-content:center;overflow:visible}@media(min-width:1024px){.language-filters{grid-template-columns:repeat(7,minmax(120px,1fr));max-width:1100px;margin:0 auto}}@media(max-width:767px){.language-filters{grid-template-columns:repeat(3,1fr);gap:6px}}.lang-filter{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1.5px solid var(--gray-200);background:#fff;border-radius:20px;font-size:.85rem;font-weight:500;color:var(--gray-700);transition:all .2s ease;cursor:pointer;white-space:nowrap;width:100%;min-width:0}.lang-filter:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700);transform:translateY(-1px)}.lang-filter.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff;box-shadow:0 2px 8px #5b4e8c40}.lang-filter .filter-icon{font-size:1.1rem;line-height:1}.filter-section .language-filters .lang-filter[data-lang=all]{background:var(--all-lang-inactive-bg);border-color:var(--all-lang-inactive-border);color:var(--all-lang-inactive-color);font-weight:var(--font-weight-semibold);min-width:145px;padding:10px 20px;width:auto;overflow:visible}.filter-section .language-filters .lang-filter[data-lang=all]:hover:not(.active){background:var(--all-lang-inactive-hover-bg);color:var(--all-lang-inactive-hover-color)}.filter-section .language-filters .lang-filter[data-lang=all].active{background:var(--all-lang-active-bg);border-color:var(--all-lang-active-border);color:var(--all-lang-active-color)}.filter-section .language-filters .lang-filter[data-lang=all].active:hover{background:var(--all-lang-active-hover-bg);border-color:var(--all-lang-active-hover-border);color:var(--all-lang-active-hover-color)}.filter-section .language-filters .lang-filter[data-lang=all].active .filter-icon,.filter-section .language-filters .lang-filter[data-lang=all].active span{color:var(--all-lang-active-color)}.filter-section .language-filters .lang-filter[data-lang=all] .filter-icon{margin-right:4px;flex-shrink:0;color:inherit}.filter-section .language-filters .lang-filter[data-lang=all] span:not(.filter-icon){white-space:nowrap;display:inline-block;overflow:visible;color:inherit}.filter-group{display:flex;align-items:center;gap:16px;flex:1}.filter-group .filter-label{min-width:fit-content;flex-shrink:0}@media(max-width:768px){.filter-section{padding:20px 0}.filter-row{flex-direction:column;gap:12px;align-items:stretch}.filter-group{width:100%}.filter-label{font-size:.8rem;margin-bottom:8px;display:block}.language-filters{width:100%;padding:8px 0}.lang-filter{padding:7px 12px;font-size:.82rem}.lang-filter .filter-icon{font-size:1rem}@media(max-width:480px){.lang-filter{padding:8px;min-width:44px;justify-content:center}.lang-filter:not([data-lang=all]) span:not(.filter-icon){display:none}.lang-filter[data-lang=all]{padding:8px 14px;min-width:110px}.lang-filter[data-lang=all] span:not(.filter-icon){display:inline;font-size:.75rem}.lang-filter[data-lang=all] .filter-icon{font-size:.95rem}}}.type-filters{display:flex;gap:8px;flex-wrap:wrap}.type-filter{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--gray-200);background:#fff;border-radius:20px;font-size:.85rem;font-weight:500;color:var(--gray-700);transition:all .2s ease;cursor:pointer;white-space:nowrap}.type-filter:hover{border-color:var(--accent-300);background:var(--accent-50);color:var(--accent-700);transform:translateY(-1px)}.type-filter.active{background:var(--accent-600);border-color:var(--accent-600);color:#fff;box-shadow:0 2px 8px #ec489940}.type-filter-icon{font-size:1rem}.type-filter-label{font-weight:500}.view-toggle{display:flex;gap:4px;background:var(--gray-100);padding:3px;border-radius:8px}.view-btn{padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--gray-600);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-btn:hover{color:var(--gray-800)}.view-btn.active{background:#fff;color:var(--primary-600);box-shadow:0 1px 3px #0000001a}.lang-filter[data-lang=dutch] .filter-icon{color:#ff9500}.lang-filter[data-lang=danish] .filter-icon{color:#c8102e}.lang-filter[data-lang=portuguese] .filter-icon{color:#046a38}.lang-filter[data-lang=italian] .filter-icon{color:#009246}.lang-filter[data-lang=indonesian] .filter-icon{color:red}.lang-filter[data-lang=korean] .filter-icon{color:#003478}.lang-filter[data-lang=hindi] .filter-icon{color:#f93}.lang-filter[data-lang=swahili] .filter-icon{color:#00a859}.lang-filter[data-lang=japanese] .filter-icon{color:#bc002d}.lang-filter[data-lang=swedish] .filter-icon{color:#006aa7}.lang-filter[data-lang=finnish] .filter-icon{color:#003580}.lang-filter[data-lang=polish] .filter-icon{color:#dc143c}.lang-filter[data-lang=vietnamese] .filter-icon{color:#ffcd00}.language-filter-container{flex:1;max-width:400px}.language-select{width:100%;padding:10px 40px 10px 16px;border:1.5px solid var(--gray-300);border-radius:8px;font-size:.95rem;font-weight:500;color:var(--gray-700);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.language-select:hover{border-color:var(--primary-400);background-color:var(--primary-50)}.language-select:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px #5b4e8c1a}.language-select option{padding:8px;font-size:.95rem}.language-select option{font-family:inherit}@media(max-width:768px){.language-filter-container{max-width:none;width:100%}.language-select{font-size:.9rem;padding:9px 36px 9px 14px}}.language-filters{display:grid;gap:8px;padding:8px;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));transition:all .3s ease}@media(min-width:1024px){.language-filters[data-language-count="6"],.language-filters[data-language-count="5"],.language-filters[data-language-count="4"]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:900px}.language-filters[data-language-count="12"],.language-filters[data-language-count="11"],.language-filters[data-language-count="10"],.language-filters[data-language-count="9"],.language-filters[data-language-count="8"],.language-filters[data-language-count="7"]{grid-template-columns:repeat(6,1fr)}.language-filters[data-language-count="14"],.language-filters[data-language-count="13"]{grid-template-columns:repeat(7,1fr)}.language-filters[data-language-count="18"],.language-filters[data-language-count="17"],.language-filters[data-language-count="16"],.language-filters[data-language-count="15"],.language-filters[data-language-count="24"],.language-filters[data-language-count="23"],.language-filters[data-language-count="22"],.language-filters[data-language-count="21"],.language-filters[data-language-count="20"],.language-filters[data-language-count="19"]{grid-template-columns:repeat(6,1fr)}.language-filters[data-language-count="25"],.language-filters[data-language-count="26"],.language-filters[data-language-count="27"],.language-filters[data-language-count="28"],.language-filters[data-language-count="29"],.language-filters[data-language-count="30"]{max-height:200px;overflow-y:auto;grid-template-columns:repeat(5,1fr);scrollbar-width:thin;scrollbar-color:var(--primary-300) var(--gray-100)}}@media(min-width:768px)and (max-width:1023px){.language-filters{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.language-filters{grid-template-columns:repeat(3,1fr);gap:6px}.language-filters[data-language-count="20"],.language-filters[data-language-count="21"],.language-filters[data-language-count="22"],.language-filters[data-language-count="23"],.language-filters[data-language-count="24"],.language-filters[data-language-count="25"]{grid-template-columns:repeat(2,1fr)}}.language-filters.many-languages{position:relative}.language-filters.many-languages:after{content:attr(data-language-info);position:absolute;bottom:-20px;right:0;font-size:.75rem;color:var(--gray-500)}.lang-filter{transition:all .2s ease}.language-filters[data-language-count="20"] .lang-filter,.language-filters[data-language-count="21"] .lang-filter,.language-filters[data-language-count="22"] .lang-filter,.language-filters[data-language-count="23"] .lang-filter,.language-filters[data-language-count="24"] .lang-filter,.language-filters[data-language-count="25"] .lang-filter{padding:6px 10px;font-size:.82rem}.lang-filter:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.language-group-divider{grid-column:1 / -1;height:1px;background:var(--gray-200);margin:4px 0}.language-group-label{grid-column:1 / -1;font-size:.75rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;padding:4px 0}
