:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-primary-950: #172554;--color-accent-50: #f0fdfa;--color-accent-100: #ccfbf1;--color-accent-200: #99f6e4;--color-accent-300: #5eead4;--color-accent-400: #2dd4bf;--color-accent-500: #14b8a6;--color-accent-600: #0d9488;--color-accent-700: #0f766e;--color-accent-800: #115e59;--color-accent-900: #134e4a;--color-accent-950: #042f2e;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-neutral-950: #020617;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-info: #3b82f6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji";--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--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;--text-7xl: 4.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 450;--z-toast: 500;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--transition-fast: var(--duration-150) var(--ease-in-out);--transition-base: var(--duration-200) var(--ease-in-out);--transition-slow: var(--duration-300) var(--ease-in-out);--container-max: 1280px;--container-padding: var(--space-6);--header-height: 4.5rem;--header-height-sm: 3.5rem;--section-padding-y: var(--space-24);--section-padding-y-sm: var(--space-16)}:root{color-scheme:light;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-inverse: #0f172a;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #f8fafc;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-disabled: #cbd5e1;--color-text-inverse: #ffffff;--color-text-on-primary: #ffffff;--color-text-link: #2563eb;--color-text-link-hover: #1d4ed8;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-border-subtle: #f1f5f9;--color-border-focus: #3b82f6;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-active: #1e40af;--color-brand-muted: #eff6ff;--color-brand-muted-border:#bfdbfe;--color-brand-muted-text: #1d4ed8;--color-brand-on-inverse: #60a5fa;--color-accent-brand: #0d9488;--color-accent-brand-hover: #0f766e;--color-accent-muted: #f0fdfa;--color-accent-muted-border: #99f6e4;--color-accent-muted-text: #0f766e;--color-neutral-muted: #f1f5f9;--color-neutral-muted-border: #e2e8f0;--color-neutral-muted-text: #334155;--color-status-success-bg: #dcfce7;--color-status-success-text: #15803d;--color-status-success-border: #22c55e;--color-status-warning-bg: #fef9c3;--color-status-warning-text: #a16207;--color-status-warning-border: #eab308;--color-status-error-bg: #fee2e2;--color-status-error-text: #b91c1c;--color-status-error-border: #ef4444;--color-status-info-bg: #dbeafe;--color-status-info-text: #1d4ed8;--color-status-info-border: #3b82f6;--color-text-on-inverse: #ffffff;--color-text-on-inverse-secondary:#94a3b8;--color-text-on-inverse-muted: #64748b;--color-border-on-inverse: #1e293b;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: 0 0 #0000}[data-theme=light]{color-scheme:light;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-inverse: #0f172a;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #f8fafc;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-disabled: #cbd5e1;--color-text-inverse: #ffffff;--color-text-on-primary: #ffffff;--color-text-link: #2563eb;--color-text-link-hover: #1d4ed8;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-border-subtle: #f1f5f9;--color-border-focus: #3b82f6;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-active: #1e40af;--color-brand-muted: #eff6ff;--color-brand-muted-border:#bfdbfe;--color-brand-muted-text: #1d4ed8;--color-brand-on-inverse: #60a5fa;--color-accent-brand: #0d9488;--color-accent-brand-hover: #0f766e;--color-accent-muted: #f0fdfa;--color-accent-muted-border: #99f6e4;--color-accent-muted-text: #0f766e;--color-neutral-muted: #f1f5f9;--color-neutral-muted-border: #e2e8f0;--color-neutral-muted-text: #334155;--color-status-success-bg: #dcfce7;--color-status-success-text: #15803d;--color-status-success-border: #22c55e;--color-status-warning-bg: #fef9c3;--color-status-warning-text: #a16207;--color-status-warning-border: #eab308;--color-status-error-bg: #fee2e2;--color-status-error-text: #b91c1c;--color-status-error-border: #ef4444;--color-status-info-bg: #dbeafe;--color-status-info-text: #1d4ed8;--color-status-info-border: #3b82f6;--color-text-on-inverse: #ffffff;--color-text-on-inverse-secondary:#94a3b8;--color-text-on-inverse-muted: #64748b;--color-border-on-inverse: #1e293b;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: 0 0 #0000}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg-primary: #020617;--color-bg-secondary: #0f172a;--color-bg-tertiary: #1e293b;--color-bg-inverse: #000000;--color-surface: #0f172a;--color-surface-raised: #1e293b;--color-surface-sunken: #020617;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #64748b;--color-text-disabled: #475569;--color-text-inverse: #0f172a;--color-text-on-primary: #ffffff;--color-text-link: #60a5fa;--color-text-link-hover: #93c5fd;--color-border: #334155;--color-border-strong: #475569;--color-border-subtle: #1e293b;--color-border-focus: #60a5fa;--color-brand: #3b82f6;--color-brand-hover: #60a5fa;--color-brand-active: #93c5fd;--color-brand-muted: #172554;--color-brand-muted-border:#1e3a8a;--color-brand-muted-text: #93c5fd;--color-brand-on-inverse: #60a5fa;--color-accent-brand: #14b8a6;--color-accent-brand-hover: #2dd4bf;--color-accent-muted: #134e4a;--color-accent-muted-border: #115e59;--color-accent-muted-text: #5eead4;--color-neutral-muted: #1e293b;--color-neutral-muted-border: #334155;--color-neutral-muted-text: #cbd5e1;--color-status-success-bg: #052e16;--color-status-success-text: #4ade80;--color-status-success-border: #166534;--color-status-warning-bg: #422006;--color-status-warning-text: #fbbf24;--color-status-warning-border: #92400e;--color-status-error-bg: #450a0a;--color-status-error-text: #f87171;--color-status-error-border: #991b1b;--color-status-info-bg: #172554;--color-status-info-text: #60a5fa;--color-status-info-border: #1e3a8a;--color-text-on-inverse: #ffffff;--color-text-on-inverse-secondary:#94a3b8;--color-text-on-inverse-muted: #64748b;--color-border-on-inverse: #1e293b;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .2);--shadow-none: 0 0 #0000}}[data-theme=dark]{color-scheme:dark;--color-bg-primary: #020617;--color-bg-secondary: #0f172a;--color-bg-tertiary: #1e293b;--color-bg-inverse: #000000;--color-surface: #0f172a;--color-surface-raised: #1e293b;--color-surface-sunken: #020617;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #64748b;--color-text-disabled: #475569;--color-text-inverse: #0f172a;--color-text-on-primary: #ffffff;--color-text-link: #60a5fa;--color-text-link-hover: #93c5fd;--color-border: #334155;--color-border-strong: #475569;--color-border-subtle: #1e293b;--color-border-focus: #60a5fa;--color-brand: #3b82f6;--color-brand-hover: #60a5fa;--color-brand-active: #93c5fd;--color-brand-muted: #172554;--color-brand-muted-border:#1e3a8a;--color-brand-muted-text: #93c5fd;--color-brand-on-inverse: #60a5fa;--color-accent-brand: #14b8a6;--color-accent-brand-hover: #2dd4bf;--color-accent-muted: #134e4a;--color-accent-muted-border: #115e59;--color-accent-muted-text: #5eead4;--color-neutral-muted: #1e293b;--color-neutral-muted-border: #334155;--color-neutral-muted-text: #cbd5e1;--color-status-success-bg: #052e16;--color-status-success-text: #4ade80;--color-status-success-border: #166534;--color-status-warning-bg: #422006;--color-status-warning-text: #fbbf24;--color-status-warning-border: #92400e;--color-status-error-bg: #450a0a;--color-status-error-text: #f87171;--color-status-error-border: #991b1b;--color-status-info-bg: #172554;--color-status-info-text: #60a5fa;--color-status-info-border: #1e3a8a;--color-text-on-inverse: #ffffff;--color-text-on-inverse-secondary:#94a3b8;--color-text-on-inverse-muted: #64748b;--color-border-on-inverse: #1e293b;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .2);--shadow-none: 0 0 #0000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px;height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}#root,#__next,app-root{isolation:isolate;min-height:100vh;display:flex;flex-direction:column}h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}@media(min-width:1024px){h1{font-size:var(--text-5xl)}}h2{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}@media(min-width:1024px){h2{font-size:var(--text-4xl)}}h3{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-snug)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}h5{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-normal)}h6{font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.lead{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media(min-width:1024px){.lead{font-size:var(--text-xl)}}a{color:var(--color-text-link);transition:color var(--transition-fast)}a:hover{color:var(--color-text-link-hover)}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-bg-tertiary);color:var(--color-brand-muted-text);padding:.125em .375em;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-bg-dark);color:var(--color-text-inverse);padding:var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;line-height:var(--leading-relaxed)}pre code{background:none;color:inherit;padding:0;font-size:inherit;border-radius:0}.prose ul{list-style:disc;padding-left:var(--space-6)}.prose ul li{color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.prose ol{list-style:decimal;padding-left:var(--space-6)}.prose ol li{color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-primary-600)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.section{padding-block:var(--section-padding-y-sm)}@media(min-width:1024px){.section{padding-block:var(--section-padding-y)}}.section--alt{background-color:var(--color-bg-secondary)}.section--dark{background-color:var(--color-bg-inverse);color:var(--color-text-on-inverse)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4,.section--dark h5,.section--dark h6{color:var(--color-text-on-inverse)}.section--dark p{color:var(--color-text-on-inverse-secondary)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.hidden{display:none!important}@media(min-width:768px){.hidden-md-up{display:none!important}}@media(max-width:767px){.hidden-md-down{display:none!important}}@media(min-width:1024px){.hidden-lg-up{display:none!important}}@media(max-width:1023px){.hidden-lg-down{display:none!important}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.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)}.text-accent{color:var(--color-primary-600)}.gradient-text{background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-accent-brand) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{height:1px;background-color:var(--color-border);border:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-prose{max-width:65ch}.mx-auto{margin-inline:auto}:lang(vi){--leading-tight: 1.35;--leading-snug: 1.5;--leading-normal: 1.75;--leading-relaxed: 1.9;word-break:break-word;overflow-wrap:break-word}:lang(vi) .btn,:lang(vi) [class*=btn--]{white-space:normal;text-align:center;-webkit-hyphens:auto;hyphens:auto}:lang(vi) .header__nav-link,:lang(vi) .header__dropdown-label{white-space:normal;word-break:keep-all}:lang(vi) .footer__link{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:lang(vi) h1,:lang(vi) h2,:lang(vi) h3{word-break:break-word;overflow-wrap:break-word}