:root{--brand-50: oklch(.97 .02 248);--brand-100: oklch(.93 .04 248);--brand-200: oklch(.86 .08 248);--brand-300: oklch(.74 .13 248);--brand-500: oklch(.55 .17 248);--brand-600: oklch(.48 .18 248);--brand-700: oklch(.4 .16 248);--brand-900: oklch(.25 .1 248);--success-50: oklch(.96 .03 130);--success-500: oklch(.65 .16 130);--success-700: oklch(.5 .15 130);--warning-50: oklch(.96 .04 60);--warning-500: oklch(.72 .16 60);--warning-700: oklch(.55 .16 50);--info-50: oklch(.96 .03 220);--info-500: oklch(.65 .13 220);--danger-50: oklch(.96 .03 25);--danger-500: oklch(.62 .19 25);--danger-700: oklch(.48 .18 25);--premium-50: oklch(.96 .03 340);--premium-500: oklch(.6 .17 340);--ink-0: #ffffff;--ink-50: oklch(.985 .003 250);--ink-100: oklch(.965 .004 250);--ink-150: oklch(.945 .005 250);--ink-200: oklch(.92 .006 250);--ink-300: oklch(.87 .008 250);--ink-400: oklch(.73 .01 250);--ink-500: oklch(.58 .012 250);--ink-600: oklch(.46 .014 250);--ink-700: oklch(.35 .014 250);--ink-800: oklch(.25 .014 250);--ink-900: oklch(.18 .014 250);--ink-950: oklch(.13 .014 250);--surface-canvas: var(--ink-50);--surface-card: var(--ink-0);--surface-muted: var(--ink-100);--surface-sunken: var(--ink-150);--border-subtle: var(--ink-200);--border-strong: var(--ink-300);--text-primary: var(--ink-900);--text-secondary: var(--ink-600);--text-tertiary: var(--ink-500);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-unit: 4px;--pad-card: 24px;--pad-row: 14px;--gap-grid: 20px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px oklch(.2 .02 250 / .04);--shadow-sm: 0 1px 2px oklch(.2 .02 250 / .05), 0 1px 1px oklch(.2 .02 250 / .04);--shadow-md: 0 4px 12px oklch(.2 .02 250 / .06), 0 1px 2px oklch(.2 .02 250 / .04);--shadow-lg: 0 12px 32px oklch(.2 .02 250 / .08), 0 2px 6px oklch(.2 .02 250 / .04);--shadow-pop: 0 18px 50px oklch(.2 .1 248 / .18)}[data-density=dense]{--pad-card: 16px;--pad-row: 9px;--gap-grid: 12px}[data-theme=dark]{--surface-canvas: oklch(.16 .014 250);--surface-card: oklch(.2 .014 250);--surface-muted: oklch(.22 .014 250);--surface-sunken: oklch(.18 .014 250);--border-subtle: oklch(.28 .014 250);--border-strong: oklch(.35 .014 250);--text-primary: oklch(.96 .005 250);--text-secondary: oklch(.72 .01 250);--text-tertiary: oklch(.58 .01 250);--brand-50: oklch(.25 .06 248);--brand-100: oklch(.3 .08 248);--shadow-md: 0 4px 12px oklch(0 0 0 / .3);--shadow-lg: 0 12px 32px oklch(0 0 0 / .35)}[data-brand=indigo]{--brand-50: oklch(.96 .03 270);--brand-100: oklch(.92 .06 270);--brand-300: oklch(.72 .15 270);--brand-500: oklch(.54 .2 270);--brand-600: oklch(.46 .2 270);--brand-700: oklch(.38 .18 270);--brand-900: oklch(.24 .12 270)}[data-brand=teal]{--brand-50: oklch(.96 .03 195);--brand-100: oklch(.92 .06 195);--brand-300: oklch(.72 .12 195);--brand-500: oklch(.55 .13 195);--brand-600: oklch(.47 .13 195);--brand-700: oklch(.38 .12 195);--brand-900: oklch(.24 .08 195)}[data-brand=slate]{--brand-50: oklch(.96 .005 250);--brand-100: oklch(.92 .008 250);--brand-300: oklch(.62 .02 250);--brand-500: oklch(.38 .025 250);--brand-600: oklch(.3 .025 250);--brand-700: oklch(.24 .02 250);--brand-900: oklch(.16 .014 250)}[data-brand=magenta]{--brand-50: oklch(.96 .03 340);--brand-100: oklch(.92 .06 340);--brand-300: oklch(.72 .14 340);--brand-500: oklch(.55 .17 340);--brand-600: oklch(.47 .17 340);--brand-700: oklch(.4 .15 340);--brand-900: oklch(.25 .1 340)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.asli-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;font-family:inherit;line-height:1;white-space:nowrap;text-decoration:none}.asli-btn:hover{text-decoration:none}.asli-btn-primary{background:var(--brand-600);color:#fff}.asli-btn-primary:hover{background:var(--brand-700)}.asli-btn-secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-strong)}.asli-btn-secondary:hover{background:var(--surface-muted)}.asli-btn-ghost{background:transparent;color:var(--text-secondary)}.asli-btn-ghost:hover{background:var(--surface-muted);color:var(--text-primary)}.asli-btn-sm{padding:6px 11px;font-size:13px}.asli-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.asli-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.asli-badge-success{background:var(--success-50);color:var(--success-700)}.asli-badge-success .asli-badge-dot{background:var(--success-500)}.asli-badge-warning{background:var(--warning-50);color:var(--warning-700)}.asli-badge-warning .asli-badge-dot{background:var(--warning-500)}.asli-badge-info{background:var(--info-50);color:var(--brand-700)}.asli-badge-info .asli-badge-dot{background:var(--info-500)}.asli-badge-danger{background:var(--danger-50);color:var(--danger-700)}.asli-badge-danger .asli-badge-dot{background:var(--danger-500)}.asli-badge-neutral{background:var(--surface-muted);color:var(--text-secondary)}.asli-badge-neutral .asli-badge-dot{background:var(--text-tertiary)}.asli-badge-premium{background:var(--premium-50);color:var(--premium-500)}.asli-badge-premium .asli-badge-dot{background:var(--premium-500)}.asli-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--pad-card)}.asli-input{display:block;width:100%;padding:9px 12px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.asli-input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px oklch(from var(--brand-500) l c h / .18)}select.asli-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'><path d='M3 4.5L6 7.5L9 4.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px;cursor:pointer;line-height:1.4}select.asli-input::-ms-expand{display:none}select.asli-input:hover{border-color:var(--text-tertiary)}.tabnum,.asli-num{font-variant-numeric:tabular-nums}.asli-table{width:100%;border-collapse:collapse;font-size:14px}.asli-table thead th{text-align:left;font-weight:500;color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:var(--pad-row) 16px;border-bottom:1px solid var(--border-subtle);background:var(--surface-muted)}.asli-table tbody td{padding:var(--pad-row) 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.asli-table tbody tr:hover{background:var(--surface-muted)}.asli-table tbody tr:last-child td{border-bottom:none}.bg-dot-grid{background-image:radial-gradient(circle,var(--border-strong) 1px,transparent 1px);background-size:24px 24px}.asli-grid{display:grid;gap:var(--gap-grid)}.asli-grid-2{grid-template-columns:repeat(2,1fr)}.asli-grid-3{grid-template-columns:repeat(3,1fr)}.asli-grid-hero{grid-template-columns:1.1fr .9fr}.asli-grid-split{grid-template-columns:1fr 1.4fr}.asli-grid-tentang-intro{grid-template-columns:.85fr 1.15fr}.asli-grid-contact{grid-template-columns:1.2fr 1fr}.asli-grid-artikel-featured{grid-template-columns:1.1fr 1fr}.asli-grid-artikel-detail,.asli-grid-event-detail,.asli-grid-sertifikasi-detail,.asli-grid-kelas-detail{grid-template-columns:2fr 1fr}.asli-grid-galeri-detail{grid-template-columns:1fr 1fr}.asli-grid-galeri{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.asli-grid-katalog-index,.asli-grid-katalog-detail{grid-template-columns:1fr 2fr}.asli-grid-directory{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.asli-grid-portal-overview{grid-template-columns:1.5fr 1fr}.asli-grid-account{grid-template-columns:2fr 1fr}.asli-map-embed{width:100%;height:100%}.asli-map-embed iframe{width:100%!important;height:100%!important;min-height:inherit;border:0!important;display:block}.asli-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.asli-section-pad{padding-left:40px;padding-right:40px}@media (max-width: 768px){.asli-grid-2,.asli-grid-3,.asli-grid-hero,.asli-grid-split,.asli-grid-tentang-intro,.asli-grid-contact,.asli-grid-artikel-featured,.asli-grid-artikel-detail,.asli-grid-event-detail,.asli-grid-sertifikasi-detail,.asli-grid-kelas-detail,.asli-grid-galeri-detail,.asli-grid-katalog-index,.asli-grid-katalog-detail,.asli-grid-portal-overview,.asli-grid-account{grid-template-columns:1fr}.asli-section-pad{padding-left:20px;padding-right:20px}}.asli-scroll::-webkit-scrollbar{width:8px;height:8px}.asli-scroll::-webkit-scrollbar-track{background:transparent}.asli-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.asli-avatar{display:inline-flex;align-items:center;justify-content:center;font-weight:600;background:var(--brand-100);color:var(--brand-700);border-radius:50%;flex-shrink:0}.asli-placeholder{background:repeating-linear-gradient(45deg,var(--surface-muted),var(--surface-muted) 8px,var(--surface-sunken) 8px,var(--surface-sunken) 16px);color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}