:root{--color-primary: 20 184 166;--color-secondary: 45 55 72;--color-accent: 20 184 166;--color-background: 26 32 44;--color-surface: 45 55 72;--color-text: 247 250 252;--color-textSecondary: 160 174 192;--color-border: 75 85 99;--color-success: 16 185 129;--color-warning: 245 158 11;--color-error: 239 68 68;--color-primary-50: 240 249 255;--color-primary-100: 224 242 254;--color-primary-200: 186 230 253;--color-primary-300: 125 211 252;--color-primary-400: 56 189 248;--color-primary-500: 14 165 233;--color-primary-600: 2 132 199;--color-primary-700: 3 105 161;--color-primary-800: 7 89 133;--color-primary-900: 12 74 110;--color-gray-50: 249 250 251;--color-gray-100: 243 244 246;--color-gray-200: 229 231 235;--color-gray-300: 209 213 219;--color-gray-400: 156 163 175;--color-gray-500: 107 114 128;--color-gray-600: 75 85 99;--color-gray-700: 55 65 81;--color-gray-800: 31 41 55;--color-gray-900: 17 24 39;--color-success-50: 240 253 244;--color-success-100: 220 252 231;--color-success-500: 34 197 94;--color-success-600: 22 163 74;--color-success-700: 21 128 61;--color-warning-50: 255 251 235;--color-warning-100: 254 243 199;--color-warning-500: 245 158 11;--color-warning-600: 217 119 6;--color-warning-700: 180 83 9;--color-error-50: 254 242 242;--color-error-100: 254 226 226;--color-error-500: 239 68 68;--color-error-600: 220 38 38;--color-error-700: 185 28 28;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--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;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--layout-padding: 1rem;--layout-gap: 1rem;--density-font-size: 1rem;--density-line-height: 1.5rem;--border-radius: .5rem;--shadows-enabled: 1;--animations-enabled: 1;--transition-duration: .2s;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}body{background-color:rgb(var(--color-background))}.skip-links{position:absolute;top:-100px;left:0;z-index:9999}.skip-link{position:absolute;top:-100px;left:8px;background:#000;color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;font-weight:700;transition:top .2s ease}.skip-link:focus{top:8px}*:focus{outline:2px solid rgb(var(--color-accent, 59 130 246));outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus,a:focus{outline:2px solid rgb(var(--color-accent, 59 130 246));outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--color-accent, 59 130 246),.2)}.text-high-contrast{color:rgb(var(--color-text));font-weight:500}.text-medium-contrast{color:rgb(var(--color-textSecondary));font-weight:400}.theme-text-primary{color:rgb(var(--color-text))}@media(prefers-color-scheme:light){:root{--min-contrast-text: 0 0 0;--min-contrast-secondary: 55 65 81}}@media(prefers-contrast:high){:root{--color-text: 0 0 0;--color-textSecondary: 31 41 55;--color-border: 107 114 128}body,.theme-text,.theme-text-secondary{font-weight:500}button,input,select,textarea{border-width:2px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-surface{background-color:rgb(var(--color-surface))}.theme-text{color:rgb(var(--color-text))}.theme-text-secondary{color:rgb(var(--color-textSecondary))}.theme-border{border-color:rgb(var(--color-border))}.theme-primary{background-color:rgb(var(--color-primary))}.theme-accent{background-color:rgb(var(--color-accent))}.layout-compact{padding:calc(var(--layout-padding) * .5);gap:calc(var(--layout-gap) * .5)}.layout-comfortable{padding:var(--layout-padding);gap:var(--layout-gap)}.layout-spacious{padding:calc(var(--layout-padding) * 1.5);gap:calc(var(--layout-gap) * 1.5)}.density-low{font-size:calc(var(--density-font-size) * .875);line-height:calc(var(--density-line-height) * .875)}.density-medium{font-size:var(--density-font-size);line-height:var(--density-line-height)}.density-high{font-size:calc(var(--density-font-size) * 1.125);line-height:calc(var(--density-line-height) * 1.125)}.theme-rounded{border-radius:var(--border-radius)}.theme-shadow{box-shadow:calc(var(--shadows-enabled) * .1rem) calc(var(--shadows-enabled) * .1rem) calc(var(--shadows-enabled) * .6rem) #0000001a}.theme-shadow-lg{box-shadow:calc(var(--shadows-enabled) * .25rem) calc(var(--shadows-enabled) * .25rem) calc(var(--shadows-enabled) * 1rem) #00000026}.theme-transition{transition-duration:var(--transition-duration);transition-timing-function:ease-in-out}.theme-transition-colors{transition:background-color var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out}.theme-hover:hover{background-color:rgba(var(--color-accent),.1)}.theme-hover-surface:hover{background-color:rgba(var(--color-text),.05)}.theme-success{color:rgb(var(--color-success))}.theme-warning{color:rgb(var(--color-warning))}.theme-error{color:rgb(var(--color-error))}.theme-success-bg{background-color:rgb(var(--color-success))}.theme-warning-bg{background-color:rgb(var(--color-warning))}.theme-error-bg{background-color:rgb(var(--color-error))}.theme-transition-all{transition:background-color var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out}@media(prefers-reduced-motion:no-preference){:root{--theme-transition-duration: .3s}body,.theme-transition-all,.theme-surface,.theme-primary,.theme-accent{transition:background-color var(--theme-transition-duration) ease-in-out,color var(--theme-transition-duration) ease-in-out,border-color var(--theme-transition-duration) ease-in-out}}@media(prefers-reduced-motion:reduce){:root{--theme-transition-duration: 0s}}@media(prefers-color-scheme:dark){.auto-theme-dark{display:block}.auto-theme-light{display:none}}@media(prefers-color-scheme:light){.auto-theme-dark{display:none}.auto-theme-light{display:block}}@keyframes theme-fade-in{0%{opacity:.8}to{opacity:1}}.theme-change-animation{animation:theme-fade-in var(--theme-transition-duration) ease-in-out}@media(max-width:768px){button,a,input,select,textarea{min-height:32px}}@media(max-width:480px){.container{padding-left:12px;padding-right:12px}.text-responsive{font-size:14px;line-height:1.4}.title-responsive{font-size:18px;line-height:1.3}}@media(min-width:481px)and (max-width:768px){.container{padding-left:16px;padding-right:16px}.text-responsive{font-size:15px;line-height:1.5}.title-responsive{font-size:20px;line-height:1.3}}@media(min-width:769px){.text-responsive{font-size:16px;line-height:1.6}.title-responsive{font-size:24px;line-height:1.2}}@media(min-width:1024px){:root{--layout-padding: 1.5rem;--layout-gap: 1.5rem}.container{max-width:1400px}.text-responsive{font-size:17px;line-height:1.65}.title-responsive{font-size:28px;line-height:1.15}}@media(min-width:1280px){:root{--layout-padding: 2rem;--layout-gap: 2rem}.container{max-width:1600px}.text-responsive{font-size:18px;line-height:1.7}.title-responsive{font-size:32px;line-height:1.1}}@media(min-width:1536px){:root{--layout-padding: 2.5rem;--layout-gap: 2.5rem}.container{max-width:1800px}.text-responsive{font-size:19px;line-height:1.75}.title-responsive{font-size:36px;line-height:1.05}}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.grid-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.grid-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}:root{--adaptive-columns: 1;--adaptive-gap: 1rem;--adaptive-padding: 1rem;--adaptive-font-size: 1rem;--adaptive-line-height: 1.5rem}.adaptive-grid{grid-template-columns:repeat(var(--adaptive-columns),minmax(0,1fr));gap:var(--adaptive-gap);padding:var(--adaptive-padding)}.text-adaptive-body{font-size:var(--adaptive-font-size);line-height:var(--adaptive-line-height)}.text-adaptive-heading{font-size:calc(var(--adaptive-font-size) * 1.5);line-height:calc(var(--adaptive-line-height) * .9)}.text-adaptive-caption{font-size:calc(var(--adaptive-font-size) * .875);line-height:calc(var(--adaptive-line-height) * .9)}.adaptive-container{container-type:inline-size}@container (min-width: 320px){.container-article{--local-padding: 1rem;--local-gap: .75rem}}@container (min-width: 480px){.container-article{--local-padding: 1.5rem;--local-gap: 1rem}}@container (min-width: 640px){.container-article{--local-padding: 2rem;--local-gap: 1.5rem}}.adaptive-image{width:100%;height:auto;object-fit:cover;transition:transform .2s ease-in-out}.responsive-image{max-width:100%;height:auto}.layout-adaptive-compact{padding:calc(var(--adaptive-padding) * .75);gap:calc(var(--adaptive-gap) * .75);font-size:calc(var(--adaptive-font-size) * .9)}.layout-adaptive-comfortable{padding:var(--adaptive-padding);gap:var(--adaptive-gap);font-size:var(--adaptive-font-size)}.layout-adaptive-spacious{padding:calc(var(--adaptive-padding) * 1.25);gap:calc(var(--adaptive-gap) * 1.25);font-size:calc(var(--adaptive-font-size) * 1.1)}@supports (font-size: clamp(1rem,2vw,1.5rem)){.text-adaptive-body{font-size:clamp(.875rem,1vw + .5rem,var(--adaptive-font-size))}.text-adaptive-heading{font-size:clamp(1.25rem,2vw + 1rem,calc(var(--adaptive-font-size) * 1.5))}.text-adaptive-caption{font-size:clamp(.75rem,.5vw + .5rem,calc(var(--adaptive-font-size) * .875))}}.breakpoint-mobile{display:block}.breakpoint-tablet,.breakpoint-desktop{display:none}@media(min-width:768px){.breakpoint-mobile{display:none}.breakpoint-tablet{display:block}}@media(min-width:1024px){.breakpoint-tablet{display:none}.breakpoint-desktop{display:block}}@media(max-width:1199px){.recent-news-container{gap:.25rem!important;padding:0!important;display:flex;flex-direction:column;justify-content:space-between}.recent-news-item{display:flex;align-items:center;flex:1;min-height:0;flex-basis:0;flex-grow:1}.recent-news-item:not(:last-child){border-bottom:1px solid rgba(107,114,128,.3)}.recent-news-item:last-child{border-bottom:none}.recent-news-header{margin-bottom:.5rem!important}.recent-news-image{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important}.recent-news-title{font-size:.875rem!important;line-height:1.25!important}.recent-news-meta{margin-bottom:.25rem!important;font-size:.6875rem!important;line-height:1.2!important}.recent-news-item .inline-block{padding:.125rem .375rem!important;font-size:.625rem!important;margin-bottom:.25rem!important}.recent-news-item .w-1\.5.h-1\.5{width:.25rem!important;height:.25rem!important;margin-top:.375rem!important}.recent-news-item .space-x-2>:not([hidden])~:not([hidden]){margin-left:.375rem!important}.recent-news-meta .mx-1{margin-left:.125rem!important;margin-right:.125rem!important}}@media(max-width:768px){.recent-news-container{gap:.25rem!important;display:flex;flex-direction:column;justify-content:space-between}.recent-news-item{display:flex;align-items:center;flex:1;min-height:0;flex-basis:0;flex-grow:1}.recent-news-item:not(:last-child){border-bottom:1px solid rgba(107,114,128,.3)}.recent-news-item:last-child{border-bottom:none}.recent-news-image{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}.recent-news-title{font-size:.75rem!important;line-height:1.1!important}.recent-news-meta{font-size:.625rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.recent-news-item .inline-block{font-size:.5625rem!important;padding:.0625rem .25rem!important}}.recent-news-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:0;padding-top:.5rem}.recent-news-item{display:flex;align-items:center;flex:1;min-height:0;flex-basis:0;flex-grow:1}.recent-news-item:first-child{margin-top:.25rem}.recent-news-item:not(:last-child){border-bottom:1px solid rgba(107,114,128,.3)}.recent-news-item:last-child{border-bottom:none}.recent-news-author{line-height:1.2}@media(max-width:1199px){.recent-news-author{margin-bottom:.375rem!important;font-size:.6875rem!important}}@media(max-width:768px){.recent-news-author{margin-bottom:.25rem!important;font-size:.625rem!important}}.recent-news-item{position:relative}.recent-news-item .relative .absolute.top-2.right-2{background:#000000bf;border-radius:.375rem;backdrop-filter:blur(4px);min-width:1.5rem;min-height:1.5rem}.recent-news-item .relative .absolute.top-2.right-2:hover{background:#000000d9;transform:scale(1.1)}@media(max-width:1199px){.recent-news-item .relative .absolute.top-2.right-2{top:.375rem;right:.375rem;min-width:1.375rem;min-height:1.375rem}.recent-news-item .w-6.h-6{min-width:1.375rem;min-height:1.375rem}}@media(max-width:768px){.recent-news-item .w-6.h-6{min-width:1.25rem;min-height:1.25rem}.recent-news-item .relative .absolute.top-2.right-2{top:.25rem;right:.25rem;min-width:1.25rem;min-height:1.25rem}.recent-news-item .relative .absolute button{min-width:2.75rem;min-height:2.75rem;padding:.5rem}}.recent-news-item .flex{align-items:center;gap:0}.recent-news-item .mr-3{margin-right:.75rem}@media(max-width:1199px){.recent-news-item .mr-3{margin-right:.625rem}}@media(max-width:768px){.recent-news-item .mr-3{margin-right:.5rem}}.text-display{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.text-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.text-subheading{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.text-body{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.space-xs{margin:var(--space-1)}.space-sm{margin:var(--space-2)}.space-md{margin:var(--space-4)}.space-lg{margin:var(--space-6)}.space-xl{margin:var(--space-8)}.p-xs{padding:var(--space-1)}.p-sm{padding:var(--space-2)}.p-md{padding:var(--space-4)}.p-lg{padding:var(--space-6)}.p-xl{padding:var(--space-8)}.gap-xs{gap:var(--space-1)}.gap-sm{gap:var(--space-2)}.gap-md{gap:var(--space-4)}.gap-lg{gap:var(--space-6)}.gap-xl{gap:var(--space-8)}.bg-primary-50{background-color:rgb(var(--color-primary-50))}.bg-primary-100{background-color:rgb(var(--color-primary-100))}.bg-primary-500{background-color:rgb(var(--color-primary-500))}.bg-primary-600{background-color:rgb(var(--color-primary-600))}.bg-primary-700{background-color:rgb(var(--color-primary-700))}.bg-gray-50{background-color:rgb(var(--color-gray-50))}.bg-gray-100{background-color:rgb(var(--color-gray-100))}.bg-gray-200{background-color:rgb(var(--color-gray-200))}.bg-gray-300{background-color:rgb(var(--color-gray-300))}.bg-gray-800{background-color:rgb(var(--color-gray-800))}.bg-gray-900{background-color:rgb(var(--color-gray-900))}.text-gray-400{color:rgb(var(--color-gray-400))}.text-gray-500{color:rgb(var(--color-gray-500))}.text-gray-600{color:rgb(var(--color-gray-600))}.text-gray-700{color:rgb(var(--color-gray-700))}.text-gray-800{color:rgb(var(--color-gray-800))}.text-gray-900{color:rgb(var(--color-gray-900))}.text-success-600{color:rgb(var(--color-success-600))}.text-warning-600{color:rgb(var(--color-warning-600))}.text-error-600{color:rgb(var(--color-error-600))}.bg-success-50{background-color:rgb(var(--color-success-50))}.bg-warning-50{background-color:rgb(var(--color-warning-50))}.bg-error-50{background-color:rgb(var(--color-error-50))}.border-gray-200{border-color:rgb(var(--color-gray-200))}.border-gray-300{border-color:rgb(var(--color-gray-300))}.border-success-500{border-color:rgb(var(--color-success-500))}.border-warning-500{border-color:rgb(var(--color-warning-500))}.border-error-500{border-color:rgb(var(--color-error-500))}.rounded-sm{border-radius:var(--radius-sm)}.rounded-base{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-base{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.card-elevation-sm{box-shadow:var(--shadow-sm);border:1px solid rgb(var(--color-gray-200))}.card-elevation-md{box-shadow:var(--shadow-md);border:1px solid rgb(var(--color-gray-200))}.card-elevation-lg{box-shadow:var(--shadow-lg);border:1px solid rgb(var(--color-gray-200))}.button-primary{background-color:rgb(var(--color-primary-600));color:#fff;border:1px solid transparent}.button-primary:hover{background-color:rgb(var(--color-primary-700))}.button-secondary{background-color:rgb(var(--color-gray-200));color:rgb(var(--color-gray-800));border:1px solid rgb(var(--color-gray-300))}.button-secondary:hover{background-color:rgb(var(--color-gray-300))}.button-danger{background-color:rgb(var(--color-error-600));color:#fff;border:1px solid transparent}.button-danger:hover{background-color:rgb(var(--color-error-700))}.input-base{background-color:#fff;border:1px solid rgb(var(--color-gray-300));border-radius:var(--radius-lg);transition:border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out}.input-base:focus{outline:none;border-color:rgb(var(--color-primary-500));box-shadow:0 0 0 3px rgba(var(--color-primary-500),.1)}.input-error{border-color:rgb(var(--color-error-500))}.input-error:focus{border-color:rgb(var(--color-error-500));box-shadow:0 0 0 3px rgba(var(--color-error-500),.1)}.input-success{border-color:rgb(var(--color-success-500))}.input-success:focus{border-color:rgb(var(--color-success-500));box-shadow:0 0 0 3px rgba(var(--color-success-500),.1)}@media(max-width:640px){.responsive-text-sm{font-size:var(--font-size-xs)}.responsive-spacing-sm{padding:var(--space-2);gap:var(--space-2)}}@media(min-width:641px)and (max-width:768px){.responsive-text-md{font-size:var(--font-size-sm)}.responsive-spacing-md{padding:var(--space-4);gap:var(--space-3)}}@media(min-width:769px){.responsive-text-lg{font-size:var(--font-size-base)}.responsive-spacing-lg{padding:var(--space-6);gap:var(--space-4)}}.focus-ring{outline:2px solid rgb(var(--color-primary-500));outline-offset:2px}.focus-ring-error{outline:2px solid rgb(var(--color-error-500));outline-offset:2px}.focus-ring-success{outline:2px solid rgb(var(--color-success-500));outline-offset:2px}@media(prefers-contrast:high){.card-elevation-sm,.card-elevation-md,.card-elevation-lg{border-width:2px;border-color:rgb(var(--color-gray-600))}.button-primary,.button-secondary,.button-danger{border-width:2px;font-weight:var(--font-weight-semibold)}.input-base{border-width:2px}}@media(prefers-reduced-motion:reduce){.card-elevation-sm,.card-elevation-md,.card-elevation-lg,.button-primary,.button-secondary,.button-danger,.input-base{transition:none}}.header-glass{background:rgba(var(--color-background),.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--color-border),.2)}.header-transparent{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation-fill-mode:both}.slide-in-from-top{animation-name:slide-in-from-top}.duration-300{animation-duration:.3s}.header-button{transition:all .2s ease-in-out;border-radius:.5rem}.header-button:hover{background-color:rgba(var(--color-text),.1);transform:translateY(-1px)}.header-button:active{transform:translateY(0)}.category-pill{transition:all .2s ease-in-out;border-radius:9999px;position:relative;overflow:hidden}.category-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(var(--color-accent),.1),rgba(var(--color-primary),.1));opacity:0;transition:opacity .2s ease-in-out}.category-pill:hover:before{opacity:1}.category-pill.active{background:rgba(var(--color-accent),.2);border:1px solid rgba(var(--color-accent),.3);color:rgb(var(--color-accent))}.mobile-menu-backdrop{background:rgba(var(--color-background),.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-bar-compact{background:rgba(var(--color-surface),.8);border:1px solid rgba(var(--color-border),.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.search-bar-compact:focus-within{background:rgba(var(--color-surface),.95);border-color:rgba(var(--color-accent),.5);box-shadow:0 0 0 3px rgba(var(--color-accent),.1)}@media(max-width:640px){.header-brand{font-size:1rem}.header-button{padding:.5rem;min-width:40px;min-height:40px}.category-pill{font-size:.75rem;padding:.375rem .75rem}.header-main{height:3.5rem}.header-secondary{height:3rem}}@media(max-width:480px){.header-container{padding-left:1rem;padding-right:1rem}.header-spacing{gap:.5rem}.mobile-menu-grid{grid-template-columns:1fr;gap:.75rem}.header-main{height:3rem}.header-secondary{height:2.5rem}.header-logo{width:1.75rem;height:1.75rem}.header-logo svg{width:1rem;height:1rem}}@media(max-width:1023px){.mobile-menu-enter{opacity:0;transform:translateY(-10px)}.mobile-menu-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.mobile-menu-exit{opacity:1;transform:translateY(0)}.mobile-menu-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease-in,transform .2s ease-in}}@media(prefers-contrast:high){.header-glass{background:rgb(var(--color-background));border-bottom:2px solid rgb(var(--color-border))}.category-pill.active{background:rgb(var(--color-accent));color:rgb(var(--color-background));border:2px solid rgb(var(--color-accent))}.header-button:hover{background-color:rgba(var(--color-text),.2);border:1px solid rgba(var(--color-text),.3)}}.header-transition{transition:background-color .3s ease-in-out,border-color .3s ease-in-out,backdrop-filter .3s ease-in-out}.header-button:focus,.category-pill:focus{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.header-loading{opacity:.7;pointer-events:none}.header-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(var(--color-accent),.3);border-top:2px solid rgb(var(--color-accent));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}