:root{--color-primary: #00D9FF;--color-primary-light: #B3F0FF;--color-primary-dark: #00B8D4;--color-secondary: #6DD3CE;--color-secondary-light: #B3E5E1;--color-secondary-dark: #4DB5B0;--color-tertiary: #E4572E;--color-tertiary-light: #F4C4B0;--color-tertiary-dark: #C93D1A;--color-accent: #C8E9A0;--color-accent-light: #E4F4C8;--color-accent-dark: #A8D87A;--color-error: #DC2626;--color-error-light: #FFE5E5;--color-success: #2E7D32;--color-warning: #F57C00;--color-info: #1976D2;--color-white: #FFFFFF;--color-black: #000000;--color-dark: #2E282A;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-text-primary: #2E282A;--color-text-heading: var(--color-primary);--color-text-secondary: var(--color-gray-700);--color-text-tertiary: var(--color-gray-600);--color-text-inverse: var(--color-white);--color-text-on-primary: var(--color-white);--color-text-on-secondary: var(--color-white);--color-text-on-dark: var(--color-white);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-bg-dark: #1A1A1A;--color-bg-dark-variant: #2E282A;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border: var(--color-gray-300);--color-border-light: var(--color-gray-200);--color-border-dark: var(--color-gray-400);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-heading: var(--font-family-base);--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--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-size-5xl: 3rem;--font-size-6xl: 3.75rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0}h1{font-size:var(--font-size-5xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-text-heading)}h2{font-size:var(--font-size-4xl);line-height:var(--line-height-snug);font-weight:var(--font-weight-bold);color:var(--color-text-heading)}h3{font-size:var(--font-size-3xl);line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-2xl);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-xl);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-lg);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium)}@media (max-width: 768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}p{margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-relaxed)}p:last-child{margin-bottom:0}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-secondary-light);text-decoration:underline}a:focus{outline:2px solid var(--color-secondary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg);line-height:var(--line-height-relaxed)}li{margin-bottom:var(--spacing-sm)}code{font-family:var(--font-family-mono);font-size:.9em;background-color:var(--color-gray-100);padding:.125rem .25rem;border-radius:var(--radius-sm)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-gray-100);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;line-height:var(--line-height-relaxed)}blockquote{margin:var(--spacing-lg) 0;padding-left:var(--spacing-lg);border-left:4px solid var(--color-secondary);color:var(--color-text-secondary);font-style:italic}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 1024px){.container{max-width:1024px;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@media (min-width: 1280px){.container{max-width:1280px}}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 767px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width: 768px) and (max-width: 1023px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.hidden{display:none}@media (min-width: 768px){.hidden-md-up{display:none}.visible-md-up{display:block}}@media (max-width: 767px){.hidden-mobile{display:none}.visible-mobile{display:block}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 767px){.text-center-mobile{text-align:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .4s ease-out}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.fade-in,.slide-up,.slide-in-left,.slide-in-right,.scale-in,.scroll-reveal{animation:none;transition:none}.hover-lift:hover,.hover-scale:hover{transform:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:var(--z-index-tooltip);border-radius:0 0 var(--radius-md) 0}.skip-to-content:focus{top:0;outline:2px solid var(--color-secondary);outline-offset:2px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-xl)}}section{padding:var(--spacing-4xl) 0}@media (max-width: 768px){section{padding:var(--spacing-3xl) 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0}img{max-width:100%;height:auto;display:block}img[loading=lazy]{content-visibility:auto}img[width][height]{aspect-ratio:attr(width) / attr(height)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}