/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-600:oklch(51.1% .262 276.966);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dasar:#05070d;--color-permukaan:#0d1420;--color-permukaan-terang:#141e30;--color-garis:#1e293b;--color-teks:#f1f5f9;--color-redup:#8291a8;--color-aksen:#22d3ee;--color-aksen-2:#38bdf8;--font-display:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth}body{background-color:var(--color-dasar);color:var(--color-teks);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s}@media (width<=767.98px){body{padding-bottom:5.5rem}}:focus-visible{outline:2px solid var(--color-aksen);outline-offset:2px;border-radius:2px}::selection{background-color:var(--color-aksen);color:var(--color-dasar)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-3{top:calc(var(--spacing) * -3)}.-top-10{top:calc(var(--spacing) * -10)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-6{top:calc(var(--spacing) * 6)}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-6{left:calc(var(--spacing) * 6)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.order-last{order:9999}.col-span-full{grid-column:1/-1}.-mx-5{margin-inline:calc(var(--spacing) * -5)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-auto{margin-left:auto}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-video{aspect-ratio:var(--aspect-video)}.scrollbar-tipis{scrollbar-width:thin;scrollbar-color:var(--color-garis) transparent}.scrollbar-tipis::-webkit-scrollbar{width:6px;height:6px}.scrollbar-tipis::-webkit-scrollbar-track{background:0 0}.scrollbar-tipis::-webkit-scrollbar-thumb{background-color:var(--color-garis);border-radius:9999px}.scrollbar-tipis::-webkit-scrollbar-thumb:hover{background-color:var(--color-redup)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-48{height:calc(var(--spacing) * 48)}.h-56{height:calc(var(--spacing) * 56)}.h-\[18px\]{height:18px}.h-full{height:100%}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[350px\]{max-height:350px}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-\[18px\]{width:18px}.w-\[48\%\]{width:48%}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[65ch\]{max-width:65ch}.max-w-\[68ch\]{max-width:68ch}.max-w-\[70ch\]{max-width:70ch}.max-w-\[85\%\]{max-width:85%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-5{min-width:calc(var(--spacing) * 5)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.progres-kilau{background-image:repeating-linear-gradient(45deg,#ffffff4d 0 8px,#0000 8px 16px);background-size:32px 32px;animation:.8s linear infinite progres-kilau}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.muncul-bertahap{animation:.4s ease-out both muncul}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-proximity{--tw-scroll-snap-strictness:proximity}.snap-start{scroll-snap-align:start}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.\[grid-template-columns\:repeat\(auto-fill\,minmax\(min\(100\%\,240px\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-aksen{border-color:var(--color-aksen)}.border-aksen\/40{border-color:#22d3ee66}@supports (color:color-mix(in lab, red, red)){.border-aksen\/40{border-color:color-mix(in oklab, var(--color-aksen) 40%, transparent)}}.border-blue-500\/60{border-color:#3080ff99}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/60{border-color:color-mix(in oklab, var(--color-blue-500) 60%, transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/40{border-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.border-garis{border-color:var(--color-garis)}.border-garis\/60{border-color:#1e293b99}@supports (color:color-mix(in lab, red, red)){.border-garis\/60{border-color:color-mix(in oklab, var(--color-garis) 60%, transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-red-500\/40{border-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.border-red-500\/40{border-color:color-mix(in oklab, var(--color-red-500) 40%, transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.kartu-sleek{background-color:#0d1420eb}@supports (color:color-mix(in lab, red, red)){.kartu-sleek{background-color:color-mix(in srgb, var(--color-permukaan) 92%, transparent)}}.kartu-sleek{border:1px solid var(--color-garis);box-shadow:0 18px 40px -24px #000000bf}.bg-\[\#0a0f1c\]{background-color:#0a0f1c}.bg-\[\#8b5cf6\]{background-color:#8b5cf6}.bg-\[\#25D366\]{background-color:#25d366}.bg-\[\#29B6F6\]{background-color:#29b6f6}.bg-\[\#0284c7\]{background-color:#0284c7}.bg-\[\#1877F2\]{background-color:#1877f2}.bg-\[\#059669\]{background-color:#059669}.bg-\[\#d97706\]{background-color:#d97706}.bg-\[\#e8eaed\]{background-color:#e8eaed}.bg-aksen{background-color:var(--color-aksen)}.bg-aksen\/10{background-color:#22d3ee1a}@supports (color:color-mix(in lab, red, red)){.bg-aksen\/10{background-color:color-mix(in oklab, var(--color-aksen) 10%, transparent)}}.bg-aksen\/15{background-color:#22d3ee26}@supports (color:color-mix(in lab, red, red)){.bg-aksen\/15{background-color:color-mix(in oklab, var(--color-aksen) 15%, transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-dasar{background-color:var(--color-dasar)}.bg-dasar\/85{background-color:#05070dd9}@supports (color:color-mix(in lab, red, red)){.bg-dasar\/85{background-color:color-mix(in oklab, var(--color-dasar) 85%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-emerald-500\/\[0\.07\]{background-color:#00bb7f12}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/\[0\.07\]{background-color:color-mix(in oklab, var(--color-emerald-500) 7.0%, transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-permukaan{background-color:var(--color-permukaan)}.bg-permukaan-terang{background-color:var(--color-permukaan-terang)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-red-500\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/15{background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-600\/15{background-color:#e4001426}@supports (color:color-mix(in lab, red, red)){.bg-red-600\/15{background-color:color-mix(in oklab, var(--color-red-600) 15%, transparent)}}.bg-redup\/15{background-color:#8291a826}@supports (color:color-mix(in lab, red, red)){.bg-redup\/15{background-color:color-mix(in oklab, var(--color-redup) 15%, transparent)}}.bg-redup\/60{background-color:#8291a899}@supports (color:color-mix(in lab, red, red)){.bg-redup\/60{background-color:color-mix(in oklab, var(--color-redup) 60%, transparent)}}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-500\/15{background-color:#00a5ef26}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/15{background-color:color-mix(in oklab, var(--color-sky-500) 15%, transparent)}}.bg-slate-100\/60{background-color:#f1f5f999}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/60{background-color:color-mix(in oklab, var(--color-slate-100) 60%, transparent)}}.bg-transparent{background-color:#0000}.bg-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/15{background-color:color-mix(in oklab, var(--color-violet-500) 15%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-aksen{--tw-gradient-from:var(--color-aksen);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-aksen-2{--tw-gradient-from:var(--color-aksen-2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-aksen\/15{--tw-gradient-from:#22d3ee26}@supports (color:color-mix(in lab, red, red)){.from-aksen\/15{--tw-gradient-from:color-mix(in oklab, var(--color-aksen) 15%, transparent)}}.from-aksen\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-600{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-permukaan{--tw-gradient-via:var(--color-permukaan);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-aksen{--tw-gradient-to:var(--color-aksen);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-aksen-2{--tw-gradient-to:var(--color-aksen-2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-permukaan{--tw-gradient-to:var(--color-permukaan);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.judul-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.05}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#1a0dab\]{color:#1a0dab}.text-\[\#3c4043\]{color:#3c4043}.text-\[\#4d5156\]{color:#4d5156}.text-\[\#202124\]{color:#202124}.text-\[\#a0aec0\]{color:#a0aec0}.text-aksen{color:var(--color-aksen)}.text-amber-400{color:var(--color-amber-400)}.text-blue-500{color:var(--color-blue-500)}.text-dasar{color:var(--color-dasar)}.text-emerald-400{color:var(--color-emerald-400)}.text-garis{color:var(--color-garis)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-redup{color:var(--color-redup)}.text-redup\/70{color:#8291a8b3}@supports (color:color-mix(in lab, red, red)){.text-redup\/70{color:color-mix(in oklab, var(--color-redup) 70%, transparent)}}.text-redup\/80{color:#8291a8cc}@supports (color:color-mix(in lab, red, red)){.text-redup\/80{color:color-mix(in oklab, var(--color-redup) 80%, transparent)}}.text-sky-400{color:var(--color-sky-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-900{color:var(--color-slate-900)}.text-teks{color:var(--color-teks)}.text-teks\/80{color:#f1f5f9cc}@supports (color:color-mix(in lab, red, red)){.text-teks\/80{color:color-mix(in oklab, var(--color-teks) 80%, transparent)}}.text-teks\/85{color:#f1f5f9d9}@supports (color:color-mix(in lab, red, red)){.text-teks\/85{color:color-mix(in oklab, var(--color-teks) 85%, transparent)}}.text-violet-50{color:var(--color-violet-50)}.text-violet-100{color:var(--color-violet-100)}.text-violet-200{color:var(--color-violet-200)}.text-violet-300{color:var(--color-violet-300)}.text-violet-400{color:var(--color-violet-400)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.accent-aksen{accent-color:var(--color-aksen)}.opacity-75{opacity:.75}.opacity-\[0\.07\]{opacity:.07}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_18px_-4px_var\(--color-aksen\)\]{--tw-shadow:0 0 18px -4px var(--tw-shadow-color,var(--color-aksen));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_0_0_rgba\(34\,211\,238\,0\.06\)\]{--tw-shadow:0 1px 0 0 var(--tw-shadow-color,#22d3ee0f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.55\)\]{--tw-shadow:0 8px 32px var(--tw-shadow-color,#0000008c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_30px_-8px_rgba\(220\,38\,38\,0\.65\)\]{--tw-shadow:0 10px 30px -8px var(--tw-shadow-color,#dc2626a6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.glow-ring{box-shadow:0 0 0 1px #22d3ee99,0 0 22px -4px #22d3eebf}@supports (color:color-mix(in lab, red, red)){.glow-ring{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-aksen) 60%, transparent), 0 0 22px -4px color-mix(in srgb, var(--color-aksen) 75%, transparent)}}.glow-ring-sm{box-shadow:0 0 0 1px #22d3ee73,0 0 12px -3px #22d3ee99}@supports (color:color-mix(in lab, red, red)){.glow-ring-sm{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-aksen) 45%, transparent), 0 0 12px -3px color-mix(in srgb, var(--color-aksen) 60%, transparent)}}.shadow-black\/30{--tw-shadow-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.shadow-black\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/40{--tw-shadow-color:#0006}@supports (color:color-mix(in lab, red, red)){.shadow-black\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/10{--tw-shadow-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-500\/20{--tw-shadow-color:#8d54ff33}@supports (color:color-mix(in lab, red, red)){.shadow-violet-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.glow-icon{filter:drop-shadow(0 0 6px #22d3eeb3)}@supports (color:color-mix(in lab, red, red)){.glow-icon{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-aksen) 70%, transparent))}}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.glow-text{text-shadow:0 0 16px #22d3ee8c}@supports (color:color-mix(in lab, red, red)){.glow-text{text-shadow:0 0 16px color-mix(in srgb, var(--color-aksen) 55%, transparent)}}@media (hover:hover){.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:text-aksen:is(:where(.group):hover *){color:var(--color-aksen)}.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}}.placeholder\:text-redup::placeholder{color:var(--color-redup)}.placeholder\:text-redup\/70::placeholder{color:#8291a8b3}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-redup\/70::placeholder{color:color-mix(in oklab, var(--color-redup) 70%, transparent)}}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-aksen\/70:focus-within{border-color:#22d3eeb3}@supports (color:color-mix(in lab, red, red)){.focus-within\:border-aksen\/70:focus-within{border-color:color-mix(in oklab, var(--color-aksen) 70%, transparent)}}.focus-within\:glow-ring-sm:focus-within{box-shadow:0 0 0 1px #22d3ee73,0 0 12px -3px #22d3ee99}@supports (color:color-mix(in lab, red, red)){.focus-within\:glow-ring-sm:focus-within{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-aksen) 45%, transparent), 0 0 12px -3px color-mix(in srgb, var(--color-aksen) 60%, transparent)}}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-aksen\/50:hover{border-color:#22d3ee80}@supports (color:color-mix(in lab, red, red)){.hover\:border-aksen\/50:hover{border-color:color-mix(in oklab, var(--color-aksen) 50%, transparent)}}.hover\:border-aksen\/60:hover{border-color:#22d3ee99}@supports (color:color-mix(in lab, red, red)){.hover\:border-aksen\/60:hover{border-color:color-mix(in oklab, var(--color-aksen) 60%, transparent)}}.hover\:border-aksen\/70:hover{border-color:#22d3eeb3}@supports (color:color-mix(in lab, red, red)){.hover\:border-aksen\/70:hover{border-color:color-mix(in oklab, var(--color-aksen) 70%, transparent)}}.hover\:border-blue-500\/60:hover{border-color:#3080ff99}@supports (color:color-mix(in lab, red, red)){.hover\:border-blue-500\/60:hover{border-color:color-mix(in oklab, var(--color-blue-500) 60%, transparent)}}.hover\:border-emerald-500\/60:hover{border-color:#00bb7f99}@supports (color:color-mix(in lab, red, red)){.hover\:border-emerald-500\/60:hover{border-color:color-mix(in oklab, var(--color-emerald-500) 60%, transparent)}}.hover\:border-red-500\/40:hover{border-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.hover\:border-red-500\/40:hover{border-color:color-mix(in oklab, var(--color-red-500) 40%, transparent)}}.hover\:border-redup:hover{border-color:var(--color-redup)}.hover\:bg-black\/80:hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/80:hover{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.hover\:bg-permukaan-terang:hover{background-color:var(--color-permukaan-terang)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}.hover\:text-aksen:hover{color:var(--color-aksen)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-teks:hover{color:var(--color-teks)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_24px_-6px_rgba\(16\,185\,129\,0\.55\)\]:hover{--tw-shadow:0 0 24px -6px var(--tw-shadow-color,#10b9818c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_24px_-8px_rgba\(239\,68\,68\,0\.35\)\]:hover{--tw-shadow:0 0 24px -8px var(--tw-shadow-color,#ef444459);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:glow-ring-sm:hover{box-shadow:0 0 0 1px #22d3ee73,0 0 12px -3px #22d3ee99}@supports (color:color-mix(in lab, red, red)){.hover\:glow-ring-sm:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-aksen) 45%, transparent), 0 0 12px -3px color-mix(in srgb, var(--color-aksen) 60%, transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-aksen\/70:focus{border-color:#22d3eeb3}@supports (color:color-mix(in lab, red, red)){.focus\:border-aksen\/70:focus{border-color:color-mix(in oklab, var(--color-aksen) 70%, transparent)}}.focus\:glow-ring-sm:focus{box-shadow:0 0 0 1px #22d3ee73,0 0 12px -3px #22d3ee99}@supports (color:color-mix(in lab, red, red)){.focus\:glow-ring-sm:focus{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-aksen) 45%, transparent), 0 0 12px -3px color-mix(in srgb, var(--color-aksen) 60%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.99\]:active{scale:.99}.active\:text-teks:active{color:var(--color-teks)}.disabled\:translate-y-0:disabled{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:-mx-8{margin-inline:calc(var(--spacing) * -8)}.sm\:mt-2{margin-top:calc(var(--spacing) * 2)}.sm\:flex{display:flex}.sm\:h-3{height:calc(var(--spacing) * 3)}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-11{height:calc(var(--spacing) * 11)}.sm\:min-h-10{min-height:calc(var(--spacing) * 10)}.sm\:w-3{width:calc(var(--spacing) * 3)}.sm\:w-11{width:calc(var(--spacing) * 11)}.sm\:w-20{width:calc(var(--spacing) * 20)}.sm\:w-24{width:calc(var(--spacing) * 24)}.sm\:w-28{width:calc(var(--spacing) * 28)}.sm\:w-36{width:calc(var(--spacing) * 36)}.sm\:w-40{width:calc(var(--spacing) * 40)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[1\.7fr_1fr\]{grid-template-columns:1.7fr 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-stretch{align-items:stretch}.sm\:gap-1{gap:var(--spacing)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.sm\:gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:pt-12{padding-top:calc(var(--spacing) * 12)}.sm\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (width>=48rem){.md\:absolute{position:absolute}.md\:top-\[calc\(100\%\+0\.5rem\)\]{top:calc(100% + .5rem)}.md\:right-0{right:0}.md\:left-0{left:0}.md\:z-40{z-index:40}.md\:order-none{order:0}.md\:mt-0{margin-top:0}.md\:ml-auto{margin-left:auto}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:max-w-xs{max-width:var(--container-xs)}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:mx-0{margin-inline:0}.lg\:-my-3{margin-block:calc(var(--spacing) * -3)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-64{width:calc(var(--spacing) * 64)}.lg\:min-w-0{min-width:0}.lg\:flex-1{flex:1}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.7fr_1fr\]{grid-template-columns:1.7fr 1fr}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.lg\:grid-cols-\[1fr_340px\]{grid-template-columns:1fr 340px}.lg\:grid-cols-\[340px_1fr\]{grid-template-columns:340px 1fr}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:px-0{padding-inline:0}.lg\:py-9{padding-block:calc(var(--spacing) * 9)}.lg\:pb-0{padding-bottom:0}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:first\:border-t:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}}@media (width>=80rem){.xl\:block{display:block}.xl\:w-80{width:calc(var(--spacing) * 80)}.xl\:max-w-5xl{max-width:var(--container-5xl)}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:p-14{padding:calc(var(--spacing) * 14)}}@media (prefers-color-scheme:dark){.dark\:border-slate-700{border-color:var(--color-slate-700)}.dark\:border-slate-800{border-color:var(--color-slate-800)}.dark\:bg-slate-700{background-color:var(--color-slate-700)}.dark\:bg-slate-900{background-color:var(--color-slate-900)}.dark\:text-slate-400{color:var(--color-slate-400)}.dark\:text-violet-400{color:var(--color-violet-400)}.dark\:text-white{color:var(--color-white)}@media (hover:hover){.dark\:hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.dark\:hover\:text-slate-200:hover{color:var(--color-slate-200)}}}}:root.terang{--color-dasar:#f4f7fb;--color-permukaan:#fff;--color-permukaan-terang:#eaf2f7;--color-garis:#d7e1ea;--color-teks:#0b1220;--color-redup:#5b6b80}@keyframes muncul{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes progres-kilau{0%{background-position:0 0}to{background-position:32px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}
.kat-kepala{margin-bottom:1.75rem}.kat-eyebrow{margin-bottom:.5rem;font-size:.875rem;color:var(--color-redup)}.kat-judul{font-size:1.875rem;line-height:1.2;font-weight:800;letter-spacing:-.025em;color:var(--color-teks)}.kat-sub{margin-top:.75rem;font-size:.875rem;color:var(--color-redup)}.kat-form{display:flex;gap:.75rem;max-width:36rem;margin-bottom:1.5rem}.kat-input{flex:1 1 0%;min-width:0;width:auto}.kat-tambah{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;flex-shrink:0}.kat-tambah:disabled{opacity:.5;cursor:not-allowed;filter:none}.kat-galat{margin:-.75rem 0 1.25rem;font-size:.875rem;color:#f87171}.kat-kosong{border-top:1px solid var(--color-garis);padding:1.5rem 0;font-size:.875rem;color:var(--color-redup)}.kat-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}@media (min-width:640px){.kat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.kat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.kat-kartu{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:5.25rem;border:1px solid var(--color-garis);border-radius:1rem;background:var(--color-permukaan);padding:1.25rem;transition:border-color .2s,transform .2s}.kat-kartu:hover{border-color:color-mix(in srgb,var(--color-aksen) 45%,var(--color-garis))}.kat-kartu-edit{display:block}.kat-edit-form{display:flex;flex-direction:column;gap:.625rem}.kat-edit-aksi{display:flex;gap:.5rem}.kat-info{display:flex;align-items:center;gap:.75rem;min-width:0}.kat-teks{min-width:0}.kat-titik{flex-shrink:0;width:.75rem;height:.75rem;border-radius:9999px;background:var(--color-aksen);box-shadow:0 0 10px -1px var(--color-aksen)}.kat-nama{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--color-teks)}.kat-jumlah{margin-top:.25rem;font-size:.75rem;color:var(--color-redup)}.kat-aksi{display:flex;flex-shrink:0;gap:.25rem}.kat-ikon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;color:var(--color-redup);cursor:pointer;transition:color .2s,background-color .2s}.kat-ikon:hover{color:var(--color-teks);background:var(--color-permukaan-terang)}.kat-ikon-hapus:hover{color:#f87171}.kat-ikon:disabled,.kat-ikon:disabled:hover{opacity:.35;cursor:not-allowed;color:var(--color-redup);background:transparent}.an-kepala{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.an-kepala{flex-direction:row;align-items:flex-end;justify-content:space-between}}.an-unduh{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;flex-shrink:0;align-self:flex-start;border:1px solid var(--color-garis);border-radius:.5rem;padding:0 1rem;font-size:.875rem;font-weight:600;color:var(--color-teks);cursor:pointer;transition:border-color .2s,background-color .2s}@media (min-width:640px){.an-unduh{align-self:auto}}.an-unduh:hover{border-color:color-mix(in srgb,var(--color-aksen) 60%,var(--color-garis));background:var(--color-permukaan-terang)}.an-unduh:disabled{opacity:.5;cursor:not-allowed}.an-metrik-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}@media (min-width:640px){.an-metrik-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.an-metrik-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.an-metrik{border:1px solid var(--color-garis);border-radius:1rem;background:var(--color-permukaan);padding:1.25rem}.an-metrik-atas{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.5rem}.an-label{font-size:.75rem;color:var(--color-redup)}.an-chip{display:inline-flex;border-radius:.5rem;padding:.5rem;background:color-mix(in srgb,var(--color-aksen) 12%,transparent);color:var(--color-aksen)}.an-angka{display:block;font-size:1.875rem;line-height:1.1;font-weight:800;color:var(--color-teks)}.an-ket{margin-top:.5rem;font-size:.75rem;color:var(--color-redup)}.an-viral{border:1px solid rgba(239,68,68,.3);border-radius:1rem;background:linear-gradient(135deg,var(--color-permukaan),color-mix(in srgb,#ef4444 9%,var(--color-permukaan)));padding:1.5rem}.an-viral-judul{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--color-teks)}.an-viral-judul svg{color:#f87171}.an-vdesk{margin-top:.25rem;font-size:.75rem;color:var(--color-redup)}.an-viral-grid{display:grid;gap:.75rem;margin-top:1.25rem;grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.an-viral-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.an-viral-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.an-vkartu{border:1px solid var(--color-garis);border-radius:.75rem;background:var(--color-dasar);padding:1rem}.an-vatas{display:flex;align-items:flex-start;gap:.75rem}.an-thumb{display:block;width:5rem;flex-shrink:0}.an-vjudul{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;font-weight:600;line-height:1.25rem;color:var(--color-teks)}.an-vjudul:hover,.an-rnama:hover{color:var(--color-aksen)}.an-vkat{margin-top:.25rem;font-size:11px;color:var(--color-redup)}.an-vbawah{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;margin-top:1rem}.an-vangka{font-size:1.5rem;line-height:1.1;font-weight:800;color:var(--color-teks)}.an-lencana{border-radius:9999px;padding:.25rem .625rem;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.an-l-viral{background:rgba(239,68,68,.15);color:#f87171}.an-l-hangat{background:rgba(251,191,36,.12);color:#f59e0b}.an-l-normal{background:rgba(148,163,184,.12);color:var(--color-redup)}.an-vtag{display:inline-block;margin-top:.75rem;border:1px solid var(--color-garis);border-radius:.375rem;padding:.125rem .5rem;font-size:10px;color:var(--color-redup)}.an-kosong{margin-top:1rem;font-size:.875rem;color:var(--color-redup)}.an-pad{margin:0;padding:1.5rem}.an-atas{align-items:start}.an-rank{min-width:0;overflow:hidden;border:1px solid var(--color-garis);border-radius:1rem;background:var(--color-permukaan)}.an-rank-kepala{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-garis);padding:1.25rem 1.5rem}.an-rank-kepala svg{color:var(--color-aksen);flex-shrink:0}.an-rjudul{font-weight:700;color:var(--color-teks)}.an-rsub{margin-top:.25rem;font-size:.75rem;color:var(--color-redup)}.an-baris{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--color-garis);padding:1rem 1.5rem}.an-baris:last-child{border-bottom:0}.an-no{width:1.5rem;flex-shrink:0;font-size:.875rem;font-weight:700;color:var(--color-redup);opacity:.7}.an-rinfo{min-width:0;flex:1 1 0%}.an-rnama{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;color:var(--color-teks)}.an-rkat{margin-top:.25rem;font-size:.75rem;color:var(--color-redup)}.an-rviews{display:flex;flex-shrink:0;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--color-teks)}.an-rviews svg{color:var(--color-aksen)}.an-rkom{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:.375rem;width:3.5rem;font-size:.875rem;color:var(--color-redup)}.an-semua{display:block;width:100%;border-top:1px solid var(--color-garis);padding:.875rem;font-size:.875rem;font-weight:600;color:var(--color-aksen);cursor:pointer;transition:background-color .2s}.an-semua:hover{background:var(--color-permukaan-terang)}@media (max-width:639px){.an-baris{gap:.75rem;padding:.875rem 1rem}.an-baris .an-thumb{display:none}.an-rank-kepala{padding:1rem}.an-viral{padding:1.125rem}}@media (min-width:1100px){.an-metrik-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.an-vtags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.an-vtags .an-vtag{margin-top:0}.an-waktu{flex-shrink:0;font-size:.75rem;color:var(--color-redup)}@media (max-width:639px){.an-rkom-komen{display:none}}.bgk-wadah{position:relative;display:inline-flex}.bgk-tombol{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--color-garis);border-radius:9999px;padding:.3rem .85rem;font-size:.875rem;font-weight:600;color:var(--color-teks);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.bgk-tombol:hover,.bgk-tombol[aria-expanded=true]{border-color:color-mix(in srgb,var(--color-aksen) 60%,var(--color-garis));color:var(--color-aksen)}.bgk-menu{position:absolute;top:calc(100% + .5rem);left:0;z-index:40;display:flex;flex-direction:column;min-width:13rem;border:1px solid var(--color-garis);border-radius:.75rem;background:var(--color-permukaan);padding:.375rem;box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}@media (max-width:639px){.bgk-menu{left:auto;right:0}}.bgk-item{display:flex;align-items:center;gap:.625rem;width:100%;border-radius:.5rem;padding:.55rem .75rem;text-align:left;font-size:.875rem;color:var(--color-teks);cursor:pointer;transition:background-color .15s}.bgk-item:hover{background:var(--color-permukaan-terang)}.bgk-titik{flex-shrink:0;width:.625rem;height:.625rem;border-radius:9999px;background:var(--color-redup)}.bgk-whatsapp{background:#25d366}.bgk-telegram{background:#229ed9}.bgk-facebook{background:#1877f2}.bgk-x{background:var(--color-teks)}.bgk-salin{background:var(--color-aksen)}.bgk-perangkat{background:#a78bfa}.an-gulir{max-height:19.625rem;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-garis) transparent}.an-gulir thead th{position:sticky;top:0;z-index:1;background:var(--color-permukaan);box-shadow:inset 0 -1px 0 var(--color-garis)}.an-gulir th,.an-gulir td{white-space:nowrap}@media (min-width:1280px){.dsb-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.pvk-wadah{position:relative;width:100%;height:100%}.pvk-kualitas{position:absolute;top:.75rem;right:.75rem;z-index:9}.pvk-tombol{display:inline-flex;align-items:center;gap:.4rem;border-radius:9999px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.35rem .75rem;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;opacity:.85;transition:opacity .2s,background-color .2s}.pvk-tombol:hover,.pvk-tombol[aria-expanded=true]{opacity:1;background:rgba(0,0,0,.82)}.pvk-menu{position:absolute;top:calc(100% + .4rem);right:0;display:flex;flex-direction:column;min-width:12rem;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;background:rgba(10,15,28,.96);padding:.3rem;box-shadow:0 18px 40px -16px rgba(0,0,0,.7)}.pvk-item{display:flex;white-space:nowrap;align-items:center;gap:.75rem;width:100%;border-radius:.5rem;padding:.5rem .75rem;text-align:left;font-size:.8125rem;color:#fff;cursor:pointer;transition:background-color .15s}.pvk-item:hover{background:rgba(255,255,255,.08)}.pvk-item small{margin-left:auto;font-size:.6875rem;color:rgba(255,255,255,.55)}.pvk-item[aria-checked=true]{color:var(--color-aksen);font-weight:600}.pvk-item[aria-checked=true]:before{content:"";width:.4rem;height:.4rem;flex-shrink:0;border-radius:9999px;background:currentColor;margin-left:-.1rem}.pvk-item[aria-checked=false]:before{content:"";width:.4rem;flex-shrink:0}.logo-bulat{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:9999px;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.85)}@media (min-width:640px){.logo-bulat{width:2.5rem;height:2.5rem}}.hlm-info{max-width:48rem;margin:0 auto;padding:2.5rem 1.25rem 1rem;line-height:1.75;color:var(--color-teks)}.hlm-info h1{font-size:2rem;line-height:1.2;font-weight:800;margin-bottom:1.25rem}.hlm-info h2{font-size:1.2rem;font-weight:700;margin:2rem 0 .5rem}.hlm-info p{margin:.65rem 0;color:color-mix(in srgb,var(--color-teks) 82%,transparent)}.hlm-info a{color:var(--color-aksen);text-decoration:underline;text-underline-offset:3px}.hlm-kaki{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.8125rem}.hlm-kaki a{color:var(--color-redup);transition:color .2s}.hlm-kaki a:hover{color:var(--color-aksen)}.av-oto{display:inline-flex;width:2rem;height:2rem;flex-shrink:0;border-radius:9999px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.av-oto svg{display:block}.ios-latar{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ios-lembar{width:100%;max-width:28rem;max-height:90vh;overflow:auto;border-radius:1.25rem 1.25rem 0 0;background:var(--color-permukaan);color:var(--color-teks);padding:.75rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.5)}@media (min-width:640px){.ios-latar{align-items:center}.ios-lembar{border-radius:1.25rem}}.ios-pegangan{width:2.5rem;height:.3rem;margin:0 auto .9rem;border-radius:9999px;background:var(--color-garis)}.ios-lembar h2{font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.ios-lembar ol{list-style:decimal;padding-left:1.25rem;display:flex;flex-direction:column;gap:.7rem;font-size:.95rem;line-height:1.5}.ios-lembar b{font-weight:700}.ios-ikon{display:inline-block;vertical-align:-4px;color:#0a84ff}.ios-catatan{margin:.75rem 0;font-size:.85rem;color:var(--color-redup)}.ios-tombol{display:block;width:100%;margin-top:1rem;border-radius:.75rem;background:var(--color-aksen);color:var(--color-dasar);padding:.75rem;font-weight:700;cursor:pointer}.ios-tombol-2{background:var(--color-permukaan-terang);color:var(--color-teks)}.art-wadah{max-width:72rem;margin:0 auto;padding:2rem 1.25rem 1rem}@media (min-width:640px){.art-wadah{padding:2.5rem 2rem 1rem}}.art-baca{max-width:48rem}.art-judul-hlm{font-size:2rem;line-height:1.2;font-weight:800;color:var(--color-teks);margin:.75rem 0 .5rem}.art-sub,.art-meta{color:var(--color-redup);font-size:.9rem}.art-link{display:inline-block;color:var(--color-aksen);font-size:.875rem}.art-link:hover{text-decoration:underline}.art-draf{display:inline-block;margin-top:.75rem;border-radius:.5rem;background:rgba(251,191,36,.15);color:#f59e0b;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.art-grid{display:grid;gap:1.25rem;margin-top:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.art-kartu{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-garis);border-radius:1rem;background:var(--color-permukaan);transition:border-color .2s,transform .2s}.art-kartu:hover{border-color:color-mix(in srgb,var(--color-aksen) 50%,var(--color-garis));transform:translateY(-2px)}.art-kartu-gbr{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--color-permukaan-terang)}.art-kosong{display:flex;align-items:center;justify-content:center;color:var(--color-redup)}.art-kartu-teks{display:flex;flex-direction:column;gap:.4rem;padding:1rem}.art-kartu-teks h3{font-weight:700;line-height:1.35;color:var(--color-teks)}.art-kartu-teks p{font-size:.875rem;line-height:1.5;color:var(--color-redup);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.art-kartu-teks span{font-size:.75rem;color:var(--color-redup)}.art-sampul{width:100%;margin:1.25rem 0;border-radius:1rem;aspect-ratio:16/9;object-fit:cover}.art-isi{margin-top:1rem;font-size:1.05rem;line-height:1.85;color:color-mix(in srgb,var(--color-teks) 88%,transparent)}.art-isi p{margin:0 0 1.1rem}.art-isi h2{font-size:1.35rem;font-weight:700;color:var(--color-teks);margin:2rem 0 .75rem}.art-isi ul{list-style:disc;padding-left:1.4rem;margin:0 0 1.1rem;display:flex;flex-direction:column;gap:.4rem}.art-video{display:flex;align-items:center;gap:1rem;margin:2rem 0;border:1px solid color-mix(in srgb,var(--color-aksen) 40%,var(--color-garis));border-radius:1rem;background:var(--color-permukaan);padding:.9rem;transition:border-color .2s}.art-video:hover{border-color:var(--color-aksen)}.art-video-gbr{width:9rem;flex-shrink:0}.art-video-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-aksen);margin-bottom:.25rem}.art-video strong{color:var(--color-teks);line-height:1.4}.art-lain{margin-top:2.5rem;border-top:1px solid var(--color-garis);padding-top:1.5rem}.art-lain h2{font-size:1.25rem;font-weight:700;color:var(--color-teks)}.label-baru{position:absolute;top:.5rem;left:.5rem;z-index:2;border-radius:.375rem;background:#e11d48;color:#fff;padding:.15rem .5rem;font-size:.6875rem;font-weight:800;letter-spacing:.06em;line-height:1.4;box-shadow:0 4px 12px -4px rgba(225,29,72,.8);pointer-events:none}.label-kedip{animation:kedip-baru 2.4s ease-in-out infinite alternate}@keyframes kedip-baru{from{filter:brightness(1.35);box-shadow:0 0 14px 2px rgba(244,63,94,.85)}to{filter:brightness(.55);box-shadow:0 0 0 0 rgba(244,63,94,0)}}@media (prefers-reduced-motion:reduce){.label-kedip{animation:none}}@media (max-width:639px){.baris-geser{display:flex;gap:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-left:-1.25rem;margin-right:-1.25rem;padding:.25rem 1.25rem .75rem;scroll-padding-left:1.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.baris-geser::-webkit-scrollbar{display:none}.baris-geser>*{flex:0 0 74%;min-width:0;scroll-snap-align:start}}.lb-aksi{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.5rem;margin-top:2rem}.lb-tombol{display:inline-flex;align-items:center;gap:.6rem;border:1px solid color-mix(in srgb,var(--color-aksen) 55%,var(--color-garis));border-radius:9999px;background:color-mix(in srgb,var(--color-aksen) 10%,transparent);padding:.7rem 1.6rem;font-size:.9rem;font-weight:700;color:var(--color-teks);cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}.lb-tombol:hover{background:color-mix(in srgb,var(--color-aksen) 20%,transparent);border-color:var(--color-aksen);transform:translateY(-1px)}.lb-sisa{border-radius:9999px;background:var(--color-aksen);color:var(--color-dasar);padding:.05rem .5rem;font-size:.75rem;font-weight:800}.lb-link{font-size:.875rem;font-weight:600;color:var(--color-redup);transition:color .2s}.lb-link:hover{color:var(--color-aksen)}.pvk-tombol{padding:.55rem;gap:0}.pvk-tombol svg{width:18px;height:18px}.pvk-fs{padding:.55rem;gap:0}.pvk-fs svg{width:18px;height:18px}.sdg-buka{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:1px solid var(--color-garis);border-radius:1rem;background:color-mix(in srgb,var(--color-permukaan) 70%,transparent);padding:.85rem 1rem}.sdg-judul{font-size:.85rem;font-weight:700;color:var(--color-teks);margin-right:.25rem}.sdg-kosong{font-size:.8rem;color:var(--color-redup)}.sdg-chip{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;border:1px solid var(--color-garis);border-radius:9999px;background:var(--color-permukaan);padding:.3rem .45rem .3rem .7rem;font-size:.8rem;color:var(--color-teks);transition:border-color .2s}a.sdg-chip:hover{border-color:var(--color-aksen)}.sdg-ikon{font-size:.7rem;color:var(--color-redup)}.sdg-video .sdg-ikon{color:#f43f5e}.sdg-artikel .sdg-ikon{color:var(--color-aksen)}.sdg-teks{min-width:0;max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdg-chip b{flex-shrink:0;min-width:1.4rem;border-radius:9999px;background:rgba(16,185,129,.18);color:#34d399;padding:.05rem .45rem;text-align:center;font-size:.75rem}.pvk-lanjut{position:absolute;left:.75rem;bottom:3.75rem;z-index:9;display:flex;align-items:center;gap:.6rem;max-width:calc(100% - 1.5rem);border-radius:9999px;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.35rem .4rem .35rem .9rem;font-size:.8rem;color:#fff;box-shadow:0 8px 24px -8px rgba(0,0,0,.6);animation:lanjut-masuk .35s ease-out}.pvk-lanjut b{font-weight:700}.pvk-lanjut button{flex-shrink:0;border-radius:9999px;background:rgba(255,255,255,.16);padding:.3rem .75rem;font-weight:600;color:#fff;cursor:pointer;transition:background-color .2s}.pvk-lanjut button:hover{background:rgba(255,255,255,.28)}@keyframes lanjut-masuk{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (min-width:1024px){.sorot-gulir .judul-display{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sorot-gulir{max-height:32rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:var(--color-garis) transparent}.sorot-gulir::-webkit-scrollbar{width:6px}.sorot-gulir::-webkit-scrollbar-thumb{background:var(--color-garis);border-radius:9999px}}@media (min-width:640px){section+#semua-video{position:relative;padding-top:3rem}section+#semua-video:before{content:"";position:absolute;top:0;left:25%;right:25%;height:1px;background:var(--color-garis)}}.kat-panah{display:none}@media (min-width:1024px){.kat-panah{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;transform:translateY(-50%);border:1px solid var(--color-garis);border-radius:9999px;background:var(--color-permukaan);color:var(--color-teks);cursor:pointer;box-shadow:0 6px 18px -6px rgba(0,0,0,.7);transition:border-color .2s,color .2s}.kat-panah:hover{border-color:var(--color-aksen);color:var(--color-aksen)}.kat-kiri{left:-.25rem;box-shadow:22px 0 18px 6px var(--color-dasar),0 6px 18px -6px rgba(0,0,0,.7)}.kat-kanan{right:-.25rem;box-shadow:-22px 0 18px 6px var(--color-dasar),0 6px 18px -6px rgba(0,0,0,.7)}}@media (min-width:1024px){.adm-sisi{position:sticky;top:0;height:100dvh;overflow-y:auto}}.plj-kotak{margin-top:2rem;max-width:68ch;border-left:3px solid var(--color-aksen);border-radius:0 1rem 1rem 0;background:color-mix(in srgb,var(--color-aksen) 6%,var(--color-permukaan));padding:1.25rem 1.25rem .5rem}.plj-kotak .art-isi{font-size:1rem;line-height:1.8}.ssr-isi{max-width:48rem;margin:0 auto;padding:2rem 1.25rem;line-height:1.75;color:var(--color-teks)}.ssr-isi h1{font-size:1.75rem;font-weight:800;line-height:1.25;margin-bottom:.75rem}.ssr-isi h2{font-size:1.25rem;font-weight:700;margin:1.75rem 0 .5rem}.ssr-isi p{margin:0 0 1rem}.ssr-isi ul{list-style:disc;padding-left:1.4rem;margin:0 0 1rem}.ssr-meta{color:var(--color-redup);font-size:.9rem}.sr-h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width:1024px){.lg\:grid-cols-\[1fr_340px\]{grid-template-columns:minmax(0,1fr) 340px}}