\n \n

\n\n

\n \n

\n \n \n \n \n \n \n \n $\"Cộng$ \n \n \n \n \n

\n\n \n

\n \n \n \n Về chúng tôi\n \n \n \n \n \n Sự kiện\n \n \n \n \n \n Cộng đồng \n \n \n \n \n \n Tin tức\n \n \n \n \n \n C100\n \n \n \n

\n\n \n

\n \n Cộng đồng Cựu Sinh Viên\n \n

\n \n

\n\n \n

\n \n

\n\n\n

\n \n

\n\n

\n \n

\n\n \n

\n \n \n $\"Cộng$ \n \n \n \n

\n\n \n

\n \n \n \n Về chúng tôi\n \n \n \n \n \n Sự kiện\n \n \n \n \n \n Cộng đồng \n \n \n \n \n \n Tin tức\n \n \n \n \n \n C100\n \n \n \n

\n\n \n

\n \n Cộng đồng Cựu Sinh Viên\n \n

\n \n

\n\n\n","footer","\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: sky */\n --color-primary-50: 240 249 255;\n --un-primary-50: #f0f9ff;\n --color-primary-100: 224 242 254;\n --un-primary-100: #e0f2fe;\n --color-primary-200: 186 230 253;\n --un-primary-200: #bae6fd;\n --color-primary-300: 125 211 252;\n --un-primary-300: #7dd3fc;\n --color-primary-400: 56 189 248;\n --un-primary-400: #38bdf8;\n --color-primary-500: 14 165 233;\n --un-primary-500: #0ea5e9;\n --color-primary-600: 2 132 199;\n --un-primary-600: #0284c7;\n --color-primary-700: 3 105 161;\n --un-primary-700: #0369a1;\n --color-primary-800: 7 89 133;\n --un-primary-800: #075985;\n --color-primary-900: 12 74 110;\n --un-primary-900: #0c4a6e;\n --color-primary-950: 8 47 73;\n --un-primary-950: #082f49;\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: cyan */\n --color-accent-50: 236 254 255;\n --un-accent-50: #ecfeff;\n --color-accent-100: 207 250 254;\n --un-accent-100: #cffafe;\n --color-accent-200: 165 243 252;\n --un-accent-200: #a5f3fc;\n --color-accent-300: 103 232 249;\n --un-accent-300: #67e8f9;\n --color-accent-400: 34 211 238;\n --un-accent-400: #22d3ee;\n --color-accent-500: 6 182 212;\n --un-accent-500: #06b6d4;\n --color-accent-600: 8 145 178;\n --un-accent-600: #0891b2;\n --color-accent-700: 14 116 144;\n --un-accent-700: #0e7490;\n --color-accent-800: 21 94 117;\n --un-accent-800: #155e75;\n --color-accent-900: 22 78 99;\n --un-accent-900: #164e63;\n --color-accent-950: 8 51 68;\n --un-accent-950: #083344;\n\n /* Tailwind/shadcn-compatible HSL variables (override defaults with !important) */\n --primary: 198.6 88.7% 48.4% !important;\n --primary-foreground: 204.0 100.0% 97.1% !important;\n --secondary: 210.0 40.0% 96.1% !important;\n --secondary-foreground: 222.2 47.4% 11.2% !important;\n --accent: 185.1 95.9% 90.4% !important;\n --accent-foreground: 196.4 63.6% 23.7% !important;\n --ring: 198.6 88.7% 48.4% !important;\n\n /* Typography */\n --font-family-body: \"Inter\", ui-sans-serif, system-ui, sans-serif;\n --font-family-heading: \"Dm Sans\", 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;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.inset-0{inset:0;}.bottom-0{bottom:0;}.bottom-4{bottom:1rem;}.left-0{left:0;}.left-4{left:1rem;}.right-0{right:0;}.right-4{right:1rem;}.top-0{top:0;}.top-4{top:1rem;}.z-\\[60\\]{z-index:60;}.z-10{z-index:10;}.z-50{z-index:50;}.grid{display:grid;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.mx-6{margin-left:1.5rem;margin-right:1.5rem;}.mx-auto{margin-left:auto;margin-right:auto;}.mb-2{margin-bottom:0.5rem;}.mb-6{margin-bottom:1.5rem;}.mb-8{margin-bottom:2rem;}.mt-16{margin-top:4rem;}.mt-8{margin-top:2rem;}.block,.dark .dark\\:block{display:block;}.inline-block{display:inline-block;}.dark .dark\\:hidden,.hidden{display:none;}.size-4{width:1rem;height:1rem;}.h-12{height:3rem;}.h-14{height:3.5rem;}.h-24{height:6rem;}.h-4{height:1rem;}.h-5{height:1.25rem;}.h-6{height:1.5rem;}.h-8{height:2rem;}.h-full{height:100%;}.h-px{height:1px;}.max-w-7xl{max-width:80rem;}.max-w-md{max-width:28rem;}.max-w-sm{max-width:24rem;}.w-\\[calc\$100\\%-2rem\$\\]{width:calc(100% - 2rem);}.w-0{width:0;}.w-12{width:3rem;}.w-4{width:1rem;}.w-5{width:1.25rem;}.w-6{width:1.5rem;}.w-auto{width:auto;}.w-full{width:100%;}.group:hover .group-hover\\:w-3{width:0.75rem;}.flex{display:flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.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));}.items-center{align-items:center;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-12{gap:3rem;}.gap-2{gap:0.5rem;}.gap-3{gap:0.75rem;}.gap-6{gap:1.5rem;}.gap-8{gap:2rem;}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.border{border-width:1px;}.border-b{border-bottom-width:1px;}.border-l{border-left-width:1px;}.border-r{border-right-width:1px;}.border-t{border-top-width:1px;}.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));}.border-gray-300\\/50{border-color:rgb(209 213 219 / 0.5);}.border-gray-400\\/30{border-color:rgb(156 163 175 / 0.3);}.dark .dark\\:border-gray-800{--un-border-opacity:1;border-color:rgb(31 41 55 / var(--un-border-opacity));}.dark .dark\\:border-white\\/20{border-color:rgb(255 255 255 / 0.2);}.rounded-lg{border-radius:0.5rem;}.rounded-xl{border-radius:0.75rem;}.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity));}.bg-gray-900\\/20{background-color:rgb(17 24 39 / 0.2);}.bg-primary-500{--un-bg-opacity:1;background-color:rgb(14 165 233 / var(--un-bg-opacity));}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}.dark .dark\\:bg-gray-800{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity));}.dark .dark\\:bg-gray-900{--un-bg-opacity:1;background-color:rgb(17 24 39 / var(--un-bg-opacity));}.hover\\:bg-primary-500:hover{--un-bg-opacity:1;background-color:rgb(14 165 233 / var(--un-bg-opacity));}.object-contain{object-fit:contain;}.p-2{padding:0.5rem;}.p-3{padding:0.75rem;}.p-6{padding:1.5rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.py-16{padding-top:4rem;padding-bottom:4rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.pt-6{padding-top:1.5rem;}.pt-8{padding-top:2rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.text-primary-500{--un-text-opacity:1;color:rgb(14 165 233 / var(--un-text-opacity));}.hover\\:text-primary-500:hover{--un-text-opacity:1;color:rgb(14 165 233 / var(--un-text-opacity));}.hover\\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}.font-bold{font-weight:700;}.font-semibold{font-weight:600;}.leading-relaxed{line-height:1.625;}.leading-snug{line-height:1.375;}.tracking-\\[0\\.2em\\]{letter-spacing:0.2em;}.tracking-wider{letter-spacing:0.05em;}.uppercase{text-transform:uppercase;}.opacity-0{opacity:0;}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.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: 768px){.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.md\\:flex{display:flex;}.md\\:flex-row{flex-direction:row;}.md\\:items-center{align-items:center;}.md\\:justify-between{justify-content:space-between;}}@media (min-width: 1024px){.lg\\:col-span-5{grid-column:span 5/span 5;}.lg\\:col-span-7{grid-column:span 7/span 7;}.lg\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}.lg\\:hidden{display:none;}.lg\\:h-16{height:4rem;}.lg\\:flex{display:flex;}.lg\\:items-center{align-items:center;}.lg\\:justify-center{justify-content:center;}.lg\\:gap-12{gap:3rem;}.lg\\:gap-16{gap:4rem;}.lg\\:gap-6{gap:1.5rem;}.lg\\:px-8{padding-left:2rem;padding-right:2rem;}.lg\\:py-24{padding-top:6rem;padding-bottom:6rem;}}","pageFontLinks","\n\n","pageCss",[2593],"https://vcystvqnqlquncjkhfqk.supabase.co/storage/v1/object/public/templates/portico/portico.theme.css","pageScript",[2596],"https://vcystvqnqlquncjkhfqk.supabase.co/storage/v1/object/public/templates/portico/portico.script.js","\n :root:root {\n /* Primary Color: sky */\n --color-primary-50: 240 249 255;\n --un-primary-50: #f0f9ff;\n --color-primary-100: 224 242 254;\n --un-primary-100: #e0f2fe;\n --color-primary-200: 186 230 253;\n --un-primary-200: #bae6fd;\n --color-primary-300: 125 211 252;\n --un-primary-300: #7dd3fc;\n --color-primary-400: 56 189 248;\n --un-primary-400: #38bdf8;\n --color-primary-500: 14 165 233;\n --un-primary-500: #0ea5e9;\n --color-primary-600: 2 132 199;\n --un-primary-600: #0284c7;\n --color-primary-700: 3 105 161;\n --un-primary-700: #0369a1;\n --color-primary-800: 7 89 133;\n --un-primary-800: #075985;\n --color-primary-900: 12 74 110;\n --un-primary-900: #0c4a6e;\n --color-primary-950: 8 47 73;\n --un-primary-950: #082f49;\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: cyan */\n --color-accent-50: 236 254 255;\n --un-accent-50: #ecfeff;\n --color-accent-100: 207 250 254;\n --un-accent-100: #cffafe;\n --color-accent-200: 165 243 252;\n --un-accent-200: #a5f3fc;\n --color-accent-300: 103 232 249;\n --un-accent-300: #67e8f9;\n --color-accent-400: 34 211 238;\n --un-accent-400: #22d3ee;\n --color-accent-500: 6 182 212;\n --un-accent-500: #06b6d4;\n --color-accent-600: 8 145 178;\n --un-accent-600: #0891b2;\n --color-accent-700: 14 116 144;\n --un-accent-700: #0e7490;\n --color-accent-800: 21 94 117;\n --un-accent-800: #155e75;\n --color-accent-900: 22 78 99;\n --un-accent-900: #164e63;\n --color-accent-950: 8 51 68;\n --un-accent-950: #083344;\n\n /* Tailwind/shadcn-compatible HSL variables (override defaults with !important) */\n --primary: 198.6 88.7% 48.4% !important;\n --primary-foreground: 204.0 100.0% 97.1% !important;\n --secondary: 210.0 40.0% 96.1% !important;\n --secondary-foreground: 222.2 47.4% 11.2% !important;\n --accent: 185.1 95.9% 90.4% !important;\n --accent-foreground: 196.4 63.6% 23.7% !important;\n --ring: 198.6 88.7% 48.4% !important;\n\n /* Typography */\n --font-family-body: \"Inter\", ui-sans-serif, system-ui, sans-serif;\n --font-family-heading: \"Dm Sans\", 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","templateCss",[2593],"templateScript",[2596],"brandingName","brandingDescription","headerHtml","footerHtml",{"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_2609":2610,"_2611":2612},"colorSetId","tech-sky","fontPairId","modern-clean","actionData","errors"]

Please rotate your device