\n\n \n

\n \n\n\n

\n \n

\n \n \n \n \n \n \n \n \n \n \n CFA Community Vietnam\n \n \n

\n\n \n

\n \n \n \n Home\n \n \n \n \n \n Jobs\n \n \n \n \n \n Events\n \n \n \n \n \n Membership\n \n \n \n

\n\n \n

\n\n \n \n \n

\n \n \n \n \n \n \n \n CFA Community Vietnam\n \n \n

\n\n \n

\n \n \n \n \n Home\n \n \n \n \n \n \n

\n \n

\n \n Jobs\n \n \n \n \n \n \n

\n \n

\n \n Events\n \n \n \n \n \n \n

\n \n

\n \n Membership\n \n \n \n

\n\n \n

\n \n Join community!\n \n

\n \n \n

\n\n\n","footer","\n\n\n\n","pageTailwindCss","*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n :root:root {\n /* Primary Color: blue */\n --color-primary-50: 239 246 255;\n --un-primary-50: #eff6ff;\n --color-primary-100: 219 234 254;\n --un-primary-100: #dbeafe;\n --color-primary-200: 191 219 254;\n --un-primary-200: #bfdbfe;\n --color-primary-300: 147 197 253;\n --un-primary-300: #93c5fd;\n --color-primary-400: 96 165 250;\n --un-primary-400: #60a5fa;\n --color-primary-500: 59 130 246;\n --un-primary-500: #3b82f6;\n --color-primary-600: 37 99 235;\n --un-primary-600: #2563eb;\n --color-primary-700: 29 78 216;\n --un-primary-700: #1d4ed8;\n --color-primary-800: 30 64 175;\n --un-primary-800: #1e40af;\n --color-primary-900: 30 58 138;\n --un-primary-900: #1e3a8a;\n --color-primary-950: 23 37 84;\n --un-primary-950: #172554;\n\n /* Secondary Color: slate */\n --color-secondary-50: 248 250 252;\n --un-secondary-50: #f8fafc;\n --color-secondary-100: 241 245 249;\n --un-secondary-100: #f1f5f9;\n --color-secondary-200: 226 232 240;\n --un-secondary-200: #e2e8f0;\n --color-secondary-300: 203 213 225;\n --un-secondary-300: #cbd5e1;\n --color-secondary-400: 148 163 184;\n --un-secondary-400: #94a3b8;\n --color-secondary-500: 100 116 139;\n --un-secondary-500: #64748b;\n --color-secondary-600: 71 85 105;\n --un-secondary-600: #475569;\n --color-secondary-700: 51 65 85;\n --un-secondary-700: #334155;\n --color-secondary-800: 30 41 59;\n --un-secondary-800: #1e293b;\n --color-secondary-900: 15 23 42;\n --un-secondary-900: #0f172a;\n --color-secondary-950: 2 6 23;\n --un-secondary-950: #020617;\n\n /* Accent Color: amber */\n --color-accent-50: 255 251 235;\n --un-accent-50: #fffbeb;\n --color-accent-100: 254 243 199;\n --un-accent-100: #fef3c7;\n --color-accent-200: 253 230 138;\n --un-accent-200: #fde68a;\n --color-accent-300: 252 211 77;\n --un-accent-300: #fcd34d;\n --color-accent-400: 251 191 36;\n --un-accent-400: #fbbf24;\n --color-accent-500: 245 158 11;\n --un-accent-500: #f59e0b;\n --color-accent-600: 217 119 6;\n --un-accent-600: #d97706;\n --color-accent-700: 180 83 9;\n --un-accent-700: #b45309;\n --color-accent-800: 146 64 14;\n --un-accent-800: #92400e;\n --color-accent-900: 120 53 15;\n --un-accent-900: #78350f;\n --color-accent-950: 69 26 3;\n --un-accent-950: #451a03;\n\n /* Tailwind/shadcn-compatible HSL variables (override defaults with !important) */\n --primary: 217.2 91.2% 59.8% !important;\n --primary-foreground: 213.8 100.0% 96.9% !important;\n --secondary: 210.0 40.0% 96.1% !important;\n --secondary-foreground: 222.2 47.4% 11.2% !important;\n --accent: 48.0 96.5% 88.8% !important;\n --accent-foreground: 21.7 77.8% 26.5% !important;\n --ring: 217.2 91.2% 59.8% !important;\n\n /* Typography */\n --font-family-body: \"Inter\", ui-sans-serif, system-ui, sans-serif;\n --font-family-heading: \"Inter\", ui-sans-serif, system-ui, sans-serif;\n }\n\n /* Apply fonts to elements - use !important to override template CSS specificity */\n body {\n font-family: var(--font-family-body) !important;\n }\n h1, h2, h3, h4, h5, h6 {\n font-family: var(--font-family-heading) !important;\n }\n\n /* Utility classes for font families - use in templates */\n .font-body {\n font-family: var(--font-family-body) !important;\n }\n .font-heading {\n font-family: var(--font-family-heading) !important;\n }\n :is(.prose){color:var(--un-prose-body);max-width:65ch;:where(p):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:where([class~=\"lead\"]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em;}:where(a):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:where(strong):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-bold);font-weight:600;}:where(a strong):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;}:where(blockquote strong):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;}:where(thead th strong):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;}:where(ol):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol[type=\"A\"]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:upper-alpha;}:where(ol[type=\"a\"]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:lower-alpha;}:where(ol[type=\"A\" s]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:upper-alpha;}:where(ol[type=\"a\" s]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:lower-alpha;}:where(ol[type=\"I\"]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:upper-roman;}:where(ol[type=\"i\"]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:lower-roman;}:where(ol[type=\"I\" s]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:upper-roman;}:where(ol[type=\"i\" s]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:lower-roman;}:where(ol[type=\"1\"]):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:decimal;}:where(ul):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol > li):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *))::marker {font-weight:400;color:var(--un-prose-counters);}:where(ul > li):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *))::marker {color:var(--un-prose-bullets);}:where(dt):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.25em;}:where(hr):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {border-color:var(--un-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em;}:where(blockquote):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {font-weight:500;font-style:italic;color:var(--un-prose-quotes);border-inline-start-width:0.25rem;border-inline-start-color:var(--un-prose-quote-borders);quotes:\"\\201C\"\"\\201D\"\"\\2018\"\"\\2019\";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;}:where(blockquote p:first-of-type):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *))::before {content:open-quote;}:where(blockquote p:last-of-type):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *))::after {content:close-quote;}:where(h1):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;}:where(h1 strong):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {font-weight:900;color:inherit;}:where(h2):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;}:where(h2 strong):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {font-weight:800;color:inherit;}:where(h3):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;}:where(h3 strong):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {font-weight:700;color:inherit;}:where(h4):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;}:where(h4 strong):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {font-weight:700;color:inherit;}:where(img):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:2em;margin-bottom:2em;}:where(picture):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {display:block;margin-top:2em;margin-bottom:2em;}:where(video):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:2em;margin-bottom:2em;}:where(kbd):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {font-weight:500;font-family:inherit;color:var(--un-prose-kbd);box-shadow:0 0 0 1px rgb(var(--un-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--un-prose-kbd-shadows) / 10%);font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em;}:where(code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-code);font-weight:600;font-size:0.875em;}:where(code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *))::before {content:\"`\";}:where(code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *))::after {content:\"`\";}:where(a code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;}:where(h1 code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;}:where(h2 code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;font-size:0.875em;}:where(h3 code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;font-size:0.9em;}:where(h4 code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;}:where(blockquote code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;}:where(thead th code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:inherit;}:where(pre):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-pre-code);background-color:var(--un-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em;}:where(pre code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;}:where(pre code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *))::before {content:none;}:where(pre code):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *))::after {content:none;}:where(table):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857;}:where(thead):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-th-borders);}:where(thead th):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody tr):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-td-borders);}:where(tbody tr:last-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {border-bottom-width:0;}:where(tbody td):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {vertical-align:baseline;}:where(tfoot):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {border-top-width:1px;border-top-color:var(--un-prose-th-borders);}:where(tfoot td):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {vertical-align:top;}:where(th, td):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {text-align:start;}:where(figure > *):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0;margin-bottom:0;}:where(figcaption):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {color:var(--un-prose-captions);font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em;}font-size:1rem;line-height:1.75;:where(picture > img):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0;margin-bottom:0;}:where(li):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0.5em;margin-bottom:0.5em;}:where(ol > li):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {padding-inline-start:0.375em;}:where(ul > li):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {padding-inline-start:0.375em;}:where(> ul > li p):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:where(> ul > li > p:first-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:1.25em;}:where(> ul > li > p:last-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-bottom:1.25em;}:where(> ol > li > p:first-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:1.25em;}:where(> ol > li > p:last-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-bottom:1.25em;}:where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:where(dl):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:where(dd):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0.5em;padding-inline-start:1.625em;}:where(hr + *):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0;}:where(h2 + *):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0;}:where(h3 + *):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0;}:where(h4 + *):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0;}:where(thead th:first-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {padding-inline-start:0;}:where(thead th:last-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {padding-inline-end:0;}:where(tbody td, tfoot td):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody td:first-child, tfoot td:first-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {padding-inline-start:0;}:where(tbody td:last-child, tfoot td:last-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {padding-inline-end:0;}:where(figure):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:2em;margin-bottom:2em;}:where(> :first-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-top:0;}:where(> :last-child):not(:where([class~=\"not-prose\"],[class~=\"not-prose\"] *)) {margin-bottom:0;}--un-prose-body:#374151;--un-prose-invert-body:#d1d5db;--un-prose-headings:#111827;--un-prose-invert-headings:white;--un-prose-lead:#4b5563;--un-prose-invert-lead:#9ca3af;--un-prose-links:#111827;--un-prose-invert-links:white;--un-prose-bold:#111827;--un-prose-invert-bold:white;--un-prose-counters:#6b7280;--un-prose-invert-counters:#9ca3af;--un-prose-bullets:#d1d5db;--un-prose-invert-bullets:#4b5563;--un-prose-hr:#e5e7eb;--un-prose-invert-hr:#374151;--un-prose-quotes:#111827;--un-prose-invert-quotes:#f3f4f6;--un-prose-quote-borders:#e5e7eb;--un-prose-invert-quote-borders:#374151;--un-prose-captions:#6b7280;--un-prose-invert-captions:#9ca3af;--un-prose-kbd:#111827;--un-prose-invert-kbd:white;--un-prose-kbd-shadows:#111827;--un-prose-invert-kbd-shadows:white;--un-prose-code:#111827;--un-prose-invert-code:white;--un-prose-pre-code:#e5e7eb;--un-prose-invert-pre-code:#d1d5db;--un-prose-pre-bg:#1f2937;--un-prose-invert-pre-bg:rgb(0 0 0 / 50%);--un-prose-th-borders:#d1d5db;--un-prose-invert-th-borders:#4b5563;--un-prose-td-borders:#e5e7eb;--un-prose-invert-td-borders:#374151;}.invisible{visibility:hidden;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.inset-0{inset:0;}.inset-x-0{left:0;right:0;}.z-50{z-index:50;}.mx-auto{margin-left:auto;margin-right:auto;}.mb-4{margin-bottom:1rem;}.ml-4{margin-left:1rem;}.mr-3{margin-right:0.75rem;}.mt-2{margin-top:0.5rem;}.mt-4{margin-top:1rem;}.mt-6{margin-top:1.5rem;}.mt-auto{margin-top:auto;}.block{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}.size-4{width:1rem;height:1rem;}.h-16{height:4rem;}.h-5{height:1.25rem;}.h-8{height:2rem;}.h-9{height:2.25rem;}.h-full{height:100%;}.max-w-\\[300px\\]{max-width:300px;}.w-5{width:1.25rem;}.w-9{width:2.25rem;}.w-auto{width:auto;}.w-full{width:100%;}.flex{display:flex;}.flex-1{flex:1 1 0%;}.basis-0{flex-basis:0;}.flex-col{flex-direction:column;}.translate-x-full{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.5rem * var(--un-space-x-reverse));}.space-x-3>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.75rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.75rem * var(--un-space-x-reverse));}.overflow-y-auto{overflow-y:auto;}.border-b{border-bottom-width:1px;}.rounded{border-radius:0.25rem;}.bg-black\\/50{background-color:rgb(0 0 0 / 0.5);}.p-4{padding:1rem;}.p-5{padding:1.25rem;}.px-4{padding-left:1rem;padding-right:1rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.pt-4{padding-top:1rem;}.text-center{text-align:center;}.uppercase{text-transform:uppercase;}.opacity-0{opacity:0;}.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-300{transition-duration:300ms;}@media (min-width: 1024px){.lg\\:hidden{display:none;}.lg\\:flex{display:flex;}.lg\\:inline-flex{display:inline-flex;}.lg\\:items-center{align-items:center;}}","pageFontLinks","\n\n","pageCss",[478],"https://vcystvqnqlquncjkhfqk.supabase.co/storage/v1/object/public/templates/prolean/prolean.theme.css","pageScript",[481],"https://vcystvqnqlquncjkhfqk.supabase.co/storage/v1/object/public/templates/prolean/prolean.script.js","\n :root:root {\n /* Primary Color: blue */\n --color-primary-50: 239 246 255;\n --un-primary-50: #eff6ff;\n --color-primary-100: 219 234 254;\n --un-primary-100: #dbeafe;\n --color-primary-200: 191 219 254;\n --un-primary-200: #bfdbfe;\n --color-primary-300: 147 197 253;\n --un-primary-300: #93c5fd;\n --color-primary-400: 96 165 250;\n --un-primary-400: #60a5fa;\n --color-primary-500: 59 130 246;\n --un-primary-500: #3b82f6;\n --color-primary-600: 37 99 235;\n --un-primary-600: #2563eb;\n --color-primary-700: 29 78 216;\n --un-primary-700: #1d4ed8;\n --color-primary-800: 30 64 175;\n --un-primary-800: #1e40af;\n --color-primary-900: 30 58 138;\n --un-primary-900: #1e3a8a;\n --color-primary-950: 23 37 84;\n --un-primary-950: #172554;\n\n /* Secondary Color: slate */\n --color-secondary-50: 248 250 252;\n --un-secondary-50: #f8fafc;\n --color-secondary-100: 241 245 249;\n --un-secondary-100: #f1f5f9;\n --color-secondary-200: 226 232 240;\n --un-secondary-200: #e2e8f0;\n --color-secondary-300: 203 213 225;\n --un-secondary-300: #cbd5e1;\n --color-secondary-400: 148 163 184;\n --un-secondary-400: #94a3b8;\n --color-secondary-500: 100 116 139;\n --un-secondary-500: #64748b;\n --color-secondary-600: 71 85 105;\n --un-secondary-600: #475569;\n --color-secondary-700: 51 65 85;\n --un-secondary-700: #334155;\n --color-secondary-800: 30 41 59;\n --un-secondary-800: #1e293b;\n --color-secondary-900: 15 23 42;\n --un-secondary-900: #0f172a;\n --color-secondary-950: 2 6 23;\n --un-secondary-950: #020617;\n\n /* Accent Color: amber */\n --color-accent-50: 255 251 235;\n --un-accent-50: #fffbeb;\n --color-accent-100: 254 243 199;\n --un-accent-100: #fef3c7;\n --color-accent-200: 253 230 138;\n --un-accent-200: #fde68a;\n --color-accent-300: 252 211 77;\n --un-accent-300: #fcd34d;\n --color-accent-400: 251 191 36;\n --un-accent-400: #fbbf24;\n --color-accent-500: 245 158 11;\n --un-accent-500: #f59e0b;\n --color-accent-600: 217 119 6;\n --un-accent-600: #d97706;\n --color-accent-700: 180 83 9;\n --un-accent-700: #b45309;\n --color-accent-800: 146 64 14;\n --un-accent-800: #92400e;\n --color-accent-900: 120 53 15;\n --un-accent-900: #78350f;\n --color-accent-950: 69 26 3;\n --un-accent-950: #451a03;\n\n /* Tailwind/shadcn-compatible HSL variables (override defaults with !important) */\n --primary: 217.2 91.2% 59.8% !important;\n --primary-foreground: 213.8 100.0% 96.9% !important;\n --secondary: 210.0 40.0% 96.1% !important;\n --secondary-foreground: 222.2 47.4% 11.2% !important;\n --accent: 48.0 96.5% 88.8% !important;\n --accent-foreground: 21.7 77.8% 26.5% !important;\n --ring: 217.2 91.2% 59.8% !important;\n\n /* Typography */\n --font-family-body: \"Inter\", ui-sans-serif, system-ui, sans-serif;\n --font-family-heading: \"Inter\", ui-sans-serif, system-ui, sans-serif;\n }\n\n /* Apply fonts to elements - use !important to override template CSS specificity */\n body {\n font-family: var(--font-family-body) !important;\n }\n h1, h2, h3, h4, h5, h6 {\n font-family: var(--font-family-heading) !important;\n }\n\n /* Utility classes for font families - use in templates */\n .font-body {\n font-family: var(--font-family-body) !important;\n }\n .font-heading {\n font-family: var(--font-family-heading) !important;\n }\n ","fontLinks","scripts","primaryColor","blue","secondaryColor","slate","accentColor","amber","font","Inter","headingFont","templateCss",[478],"templateScript",[481],"brandingName","brandingDescription","headerHtml","footerHtml","removeBranding","actionData","errors"]

Welcome to CFA Community Vietnam