:root{--color-primary-50:#f9fafb;--color-primary-100:#f3f4f6;--color-primary-200:#e5e7eb;--color-primary-300:#d1d5db;--color-primary-400:#9ca3af;--color-primary-500:#6b7280;--color-primary-600:#4b5563;--color-primary-700:#374151;--color-primary-800:#1f2937;--color-primary-900:#111827;--color-accent-blue:#3b82f6;--color-accent-purple:#8b5cf6;--color-accent-teal:#14b8a6;--color-accent-orange:#f97316;--gradient-primary:#374151;--gradient-secondary:#fff;--gradient-success:#10b981;--gradient-danger:#ef4444;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-black:#09090b;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-accent:linear-gradient(180deg,#fafbfc,#f3f4f6);--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:1.75rem;--spacing-10:2rem;--spacing-12:2.25rem;--spacing-16:2.5rem;--spacing-20:3rem;--spacing-24:3.5rem;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-heading:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-serif:"Georgia","Times New Roman","Noto Serif","Droid Serif",serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Courier New",monospace;--font-display:swap;--contain-layout:layout style paint;--will-change-transform:transform;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.2rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.5;--line-height-loose:1.6;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.25rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--touch-target-min:48px;--touch-target-comfortable:56px;--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--font-size-2xl:var(--text-2xl);--font-size-3xl:var(--text-3xl);--font-size-4xl:var(--text-4xl);--line-height-snug:1.4;--space-1:var(--spacing-1);--space-2:var(--spacing-2);--space-3:var(--spacing-3);--space-4:var(--spacing-4);--space-5:var(--spacing-5);--space-6:var(--spacing-6);--space-8:var(--spacing-10);--space-10:var(--spacing-12);--space-12:var(--spacing-16);--radius-sm:var(--border-radius-sm);--radius-md:var(--border-radius-md);--radius-lg:var(--border-radius-lg);--radius-xl:var(--border-radius-xl);--radius-full:var(--border-radius-full);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-text-tertiary:var(--color-gray-600);--color-text-inverse:var(--color-white);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-tertiary:var(--bg-tertiary);--color-bg-elevated:var(--color-white);--color-border-light:var(--color-gray-100);--color-border-medium:var(--color-gray-200);--color-border-dark:var(--color-gray-300);--color-brand-primary:#667eea;--color-brand-dark:#5a67d8;--color-brand-light:#f0f4ff;--color-link:var(--color-info);--color-link-hover:#1d4ed8;--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);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--glass-bg:hsla(0,0%,100%,.1);--glass-bg-heavy:hsla(0,0%,100%,.15);--glass-blur:blur(10px);--glass-blur-heavy:blur(20px);--glass-border:hsla(0,0%,100%,.18);--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.container{width:100%;max-width:var(--container-7xl);margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media (min-width:640px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.glass-card{background:var(--glass-bg-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);backdrop-filter:var(--glass-blur-heavy);border-radius:var(--border-radius-2xl);border:var(--border-width-thin) solid var(--glass-border);box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--line-height-tight);border-radius:var(--border-radius-md);transition:all var(--transition-base);cursor:pointer;border:none;outline:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-primary{background:var(--color-gray-700);color:var(--color-white);border:1px solid var(--color-gray-700)}.btn-primary:hover:not(:disabled){background:var(--color-gray-800);border-color:var(--color-gray-800)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-danger{background:var(--color-white);color:var(--color-error);border:1px solid var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-white)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base)}.input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);transition:all var(--transition-base);outline:none}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input::placeholder{color:var(--color-gray-400)}.input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-4);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.card:hover{border-color:var(--color-gray-300)}.badge{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--line-height-tight);border-radius:var(--border-radius-full);white-space:nowrap}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.text-center{text-align:center}.font-bold{font-weight:var(--font-bold)}.text-gray-600{color:var(--color-gray-600)}.mt-4{margin-top:var(--spacing-4)}.mb-4,.my-4{margin-bottom:var(--spacing-4)}.my-4{margin-top:var(--spacing-4)}.mx-auto{margin-left:auto;margin-right:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-in{animation:slideIn var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.show-mobile{display:none!important}}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset: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-width:0}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--color-primary-600);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-to-content:focus{top:0}.mobileNav{z-index:1000!important}.mobileOverlay{z-index:999!important}.menuButton{z-index:1001!important}*{max-width:100%}@media (max-width:767px){.mobileNav{width:min(300px,85vw)!important;max-width:100vw!important}.mobileNavContent{padding:80px 16px 24px!important;max-width:100%!important;overflow-x:hidden!important}.mobileNavLink{word-wrap:break-word!important;white-space:normal!important;max-width:100%!important;padding:12px 16px!important}.navContainer{padding:12px 16px!important;max-width:100vw!important;overflow-x:hidden!important}.logo{flex-shrink:1!important;min-width:0!important}.logoTextMain{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.menuButton{flex-shrink:0!important;margin-left:8px!important}}.mobileOverlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;touch-action:none!important;overscroll-behavior:none!important}@media (max-width:480px){.mobileNav{width:90vw!important}.navContainer{padding:8px 12px!important;gap:8px!important}.logoTextMain{font-size:13px!important}.logoTextSub{display:none!important}}.mobileNav{transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.mobileOverlay{transition:opacity .3s ease!important}.mobileNav:focus-within{outline:none!important}.mobileNavLink:focus{outline:2px solid var(--color-primary-500)!important;outline-offset:2px!important}.mobileNav{will-change:transform!important}.mobileOverlay{will-change:opacity!important}*,:after,:before{box-sizing:border-box}*,:after,:before,blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:767px){html{font-size:15px}}@media (min-width:1920px){html{font-size:17px}}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--line-height-normal);background:var(--bg-secondary);min-height:100vh;overflow-x:hidden;text-rendering:optimizeLegibility;will-change:auto;font-feature-settings:"kern" 1,"kern";font-kerning:normal;max-width:100vw;position:relative;contain:layout style}body,h1,h2,h3,h4,h5,h6{color:var(--color-gray-900)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--text-4xl);margin-bottom:15px}h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-5)}h3{font-size:var(--text-2xl);margin-bottom:5px}h4{font-size:var(--text-xl)}h4,h5{margin-bottom:var(--spacing-3)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);margin-bottom:var(--spacing-2)}p{margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}a{color:inherit;text-decoration:none;transition:all var(--transition-base);cursor:pointer;-webkit-tap-highlight-color:transparent}a:hover{opacity:.8}a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--border-radius-sm)}button{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;outline:none}input:focus,select:focus,textarea:focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}ol,ul{list-style:none}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}table{border-spacing:0}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}code{background-color:var(--color-gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);color:var(--color-error)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--border-radius-full);border:2px solid var(--color-gray-100)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-400) var(--color-gray-100)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}::-moz-selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){:root{--shadow-sm:0 1px 3px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3)}}body.mobile-menu-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.hidden{display:none!important}.invisible{visibility:hidden}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}@media (max-width:767px){body,html{overflow-x:hidden!important;max-width:100vw!important}*{max-width:100%;box-sizing:border-box}a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}h1{margin-bottom:var(--spacing-4)}h2{margin-bottom:10px;font-size:16px}h3,h4{margin-bottom:var(--spacing-2)}p{margin-bottom:var(--spacing-3)}}[data-aos=fade-up]{opacity:0;transform:translateY(30px);transition:all .6s ease}[data-aos=fade-up].aos-animate{opacity:1;transform:translateY(0)}[data-aos=zoom-in]{opacity:0;transform:scale(.8);transition:all .6s ease}[data-aos=zoom-in].aos-animate{opacity:1;transform:scale(1)}[data-aos=slide-left]{opacity:0;transform:translateX(-30px);transition:all .6s ease}[data-aos=slide-left].aos-animate{opacity:1;transform:translateX(0)}[data-aos=slide-right]{opacity:0;transform:translateX(30px);transition:all .6s ease}[data-aos=slide-right].aos-animate{opacity:1;transform:translateX(0)}[data-aos=fade-in]{opacity:0;transition:all .6s ease}[data-aos=fade-in].aos-animate{opacity:1}[data-aos=flip-left]{opacity:0;transform:perspective(2500px) rotateY(-100deg);transition:all .6s ease}[data-aos=flip-left].aos-animate{opacity:1;transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{opacity:0;transform:perspective(2500px) rotateY(100deg);transition:all .6s ease}[data-aos=flip-right].aos-animate{opacity:1;transform:perspective(2500px) rotateY(0)}@media (prefers-reduced-motion:reduce){[data-aos]{opacity:1!important;transform:none!important}}@media print{*,:after,:before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}h2,h3{page-break-after:avoid}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");body,h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-display:swap}code,pre{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace}.font-loading,code,pre{font-display:swap}html{font-size:16px;line-height:1.6}@media (max-width:768px){html{font-size:14px}}@media (min-width:1200px){html{font-size:18px}}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-italic{font-style:italic}.font-normal-style{font-style:normal}.font-small-caps{font-feature-settings:"smcp";font-variant:small-caps}.font-normal-variant{font-feature-settings:normal;font-variant:normal}.font-condensed{font-stretch:condensed}.font-expanded{font-stretch:expanded}.font-normal-stretch{font-stretch:normal}.font-kerning-auto{font-feature-settings:auto;font-kerning:auto}.font-kerning-normal{font-feature-settings:"kern";font-kerning:normal}.font-kerning-none{font-feature-settings:"kern" off;font-kerning:none}.font-ligatures-normal{font-feature-settings:normal;font-variant-ligatures:normal}.font-ligatures-none{font-feature-settings:none;font-variant-ligatures:none}.font-feature-settings{font-feature-settings:"kern" 1,"liga" 1,"calt" 1}.vietnamese-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-display:swap;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"locl" 1}.number-text{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.code-text{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-display:swap;font-feature-settings:"liga" 0,"calt" 0}.heading-text{font-weight:600;line-height:1.2}.body-text,.heading-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-display:swap}.body-text{font-weight:400;line-height:1.6}.caption-text{font-weight:400;font-size:.875rem;line-height:1.4}.button-text,.caption-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-display:swap}.button-text{font-weight:500;line-height:1.2}.label-text{font-weight:500;font-size:.875rem;line-height:1.4}.label-text,.small-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-display:swap}.small-text{font-weight:400;font-size:.75rem;line-height:1.3}.large-text{font-weight:400;font-size:1.125rem;line-height:1.6}.extra-large-text,.large-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-display:swap}.extra-large-text{font-weight:600;font-size:1.5rem;line-height:1.2}.display-text{font-size:2rem}.display-text,.hero-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-display:swap;font-weight:700;line-height:1.1}.hero-text{font-size:3rem}@media (max-width:768px){.hero-text{font-size:2rem}.display-text{font-size:1.5rem}.extra-large-text{font-size:1.25rem}}@media (min-width:769px) and (max-width:1024px){.hero-text{font-size:2.5rem}.display-text{font-size:1.75rem}.extra-large-text{font-size:1.375rem}}@media (min-width:1025px){.hero-text{font-size:3rem}.display-text{font-size:2rem}.extra-large-text{font-size:1.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.body-text,.display-text,.extra-large-text,.heading-text,.hero-text,.large-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){.font-loading{font-display:block}}@media (prefers-contrast:high){.body-text,.display-text,.extra-large-text,.heading-text,.hero-text,.large-text{font-weight:700}}@media (prefers-color-scheme:dark){.body-text,.display-text,.extra-large-text,.heading-text,.hero-text,.large-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.body-text,.display-text,.extra-large-text,.heading-text,.hero-text,.large-text{font-family:Times New Roman,Times,serif;font-display:block}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.navbar{min-height:60px}.dynamic-content{min-height:200px}.card{min-height:120px;display:flex;flex-direction:column}.grid{display:grid;grid-gap:1rem;gap:1rem}.flex{display:flex;align-items:center}.text-content{line-height:1.6;word-wrap:break-word}.icon{width:24px;height:24px;flex-shrink:0}.loading{opacity:.7;pointer-events:none}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.responsive-image{aspect-ratio:16/9;object-fit:cover}.nav-menu{min-height:50px;display:flex;align-items:center}.sidebar{min-width:250px;flex-shrink:0}.breadcrumb{min-height:40px;display:flex;align-items:center}.search-bar{min-height:44px;width:100%;max-width:400px}.pagination{min-height:50px;display:flex;justify-content:center;align-items:center}.tooltip{position:absolute;z-index:1000;pointer-events:none}.dropdown{position:relative;min-width:200px}.tabs{min-height:50px;display:flex;border-bottom:1px solid #e0e0e0}.accordion{min-height:50px;border:1px solid #e0e0e0;border-radius:4px}.progress-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.badge{min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.chip{min-height:32px;padding:0 12px;border-radius:16px;display:inline-flex;align-items:center;font-size:14px}.divider{height:1px;background:#e0e0e0;margin:1rem 0}.spacer{flex:1 1}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:2rem 0;min-height:200px}.hero{min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;min-height:300px}.testimonial{min-height:200px;padding:2rem;border-radius:8px;background:#f9f9f9}.pricing-card{min-height:400px;padding:2rem;border:1px solid #e0e0e0;border-radius:8px;text-align:center}.team-member{min-height:300px;text-align:center;padding:1rem}.blog-post{min-height:200px;padding:1rem;border-bottom:1px solid #e0e0e0}.comment{min-height:100px;padding:1rem;border-left:3px solid #007bff;margin:1rem 0}.notification{min-height:60px;margin:.5rem 0}.alert,.notification{padding:1rem;border-radius:4px;display:flex;align-items:center}.alert{min-height:50px;margin:1rem 0}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.empty-state{color:#666}.empty-state,.error-state{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error-state{color:#dc3545}.success-state{color:#28a745}.info-state,.success-state{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.info-state{color:#17a2b8}.warning-state{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ffc107}@media (prefers-color-scheme:dark){.loading-skeleton,.skeleton{background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%)}}@media (prefers-reduced-motion:reduce){.loading-skeleton,.loading-spinner,.skeleton{animation:none}}@media (prefers-contrast:high){.loading-skeleton,.skeleton{background:#000;color:#fff}}@media print{.loading-skeleton,.loading-spinner,.skeleton{display:none}}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;overflow-x:hidden}.layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;min-height:60px;background:#fff;border-bottom:1px solid #e5e7eb}.main-content{flex:1 1;min-height:400px;padding:1rem}.footer{margin-top:auto;min-height:100px;background:#f9fafb;contain:layout style paint;position:relative}img{max-width:100%;height:auto;display:block;aspect-ratio:attr(width) /attr(height)}.next-image-wrapper{position:relative;overflow:hidden;display:block}.next-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sliderContainer{width:100%;max-width:1200px;margin:0 auto;min-height:300px;aspect-ratio:4/1}.slider{width:100%;height:300px;overflow:hidden;position:relative;contain:layout style paint}.slidesContainer{display:flex;width:400%;height:100%;transition:transform .3s ease}.slide{width:25%;flex-shrink:0}.imageContainer,.slide{height:100%;position:relative}.imageContainer{width:100%;overflow:hidden}.slideImage{width:100%;height:100%;object-fit:cover;display:block}.nav{min-height:60px;padding:0 1rem;background:#fff;border-bottom:1px solid #e5e7eb}.nav,.navContainer{display:flex;align-items:center}.navContainer{width:100%;max-width:1200px;margin:0 auto;justify-content:space-between}.logo{display:flex;align-items:center;text-decoration:none;color:inherit;min-height:40px}.logoIcon{width:32px;height:32px;flex-shrink:0;margin-right:.5rem}.logoText{display:flex;flex-direction:column;line-height:1.2}.logoTextMain{font-size:1rem;font-weight:600}.logoTextSub{font-size:.75rem;color:#6b7280}.desktopNav{gap:1rem}.desktopNav,.navLink{display:flex;align-items:center}.navLink{padding:.5rem 1rem;text-decoration:none;color:#374151;border-radius:.375rem;transition:background-color .2s;min-height:40px}.navLink:hover{background-color:#f3f4f6}.mobileNav{display:none}.mobileMenuButton{display:none;background:none;border:none;padding:.5rem;cursor:pointer;min-height:40px;min-width:40px}.pageContainer{width:100%;max-width:1200px;margin:0 auto;padding:1rem;min-height:400px}.pageHeader{margin-bottom:2rem;min-height:100px}.pageTitle{font-size:2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.pageDescription{font-size:1.125rem;color:#6b7280;line-height:1.6}.toolsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.toolCard{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;min-height:200px;display:flex;flex-direction:column}.toolCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.toolIcon{width:48px;height:48px;margin-bottom:1rem;flex-shrink:0}.toolTitle{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;line-height:1.3}.toolDescription{color:#6b7280;line-height:1.5;flex:1 1}.loadingSkeleton{border-radius:.25rem;min-height:200px}.loadingSkeleton,.sliderLoadingSkeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;width:100%;display:block}.sliderLoadingSkeleton{border-radius:.5rem;height:300px;max-width:1200px;margin:0 auto}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}input,select,textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box}button,input,select,textarea{min-height:44px;font-size:1rem;line-height:1.5}button{min-width:44px;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .2s}table{width:100%;border-collapse:collapse;table-layout:fixed;min-height:200px}td,th{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb;min-height:44px}@media (max-width:768px){.desktopNav{display:none}.mobileMenuButton,.mobileNav{display:block}.mobileNav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem;z-index:999}.toolsGrid{grid-template-columns:1fr;gap:1rem}.pageTitle{font-size:1.5rem}.slider{height:250px}}@media print{.footer,.header,.mobileNav{display:none}.main-content{padding:0}.toolCard{break-inside:avoid;page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){.loadingSkeleton{animation:none}.slidesContainer,.toolCard{transition:none}}@media (prefers-contrast:high){.toolCard{border:2px solid #000}.navLink{border:1px solid #000}}@media (prefers-color-scheme:dark){.header,.nav{background:#1f2937;border-bottom-color:#374151}.footer{background:#111827}.toolCard{background:#1f2937;border-color:#374151}.loadingSkeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%)}}.thongKeContainer{contain:layout style paint;position:relative;min-height:100vh;overflow-x:hidden}.thongKeActionBar{min-height:80px;height:80px}.thongKeActionBar,.thongKeContent{contain:layout style paint;position:relative;will-change:auto}.thongKeContent{min-height:500px;height:500px}.thongKeTableContainer{min-height:400px;height:400px;will-change:auto}.thongKeSubtitle,.thongKeTableContainer{contain:layout style paint;position:relative}.thongKeSubtitle{min-height:24px;height:24px}