<!DOCTYPE html><html lang="id" data-beasties-container><head>
  <meta charset="utf-8">
  <base href="/">
  <!-- maximum-scale=1: prevents the browser's automatic page-zoom when focusing
       text smaller than 16px (canvas text at low zoom) — the app provides its own
       canvas zoom. iOS ignores it for user pinch (accessibility), Android canvas
       areas already handle pinch themselves via touch-action.
       interactive-widget=overlays-content (Chrome 108+): the on-screen keyboard
       OVERLAYS the page instead of resizing the layout viewport, so opening it
       during text editing no longer resizes the editor container (no re-fit/zoom
       jump); the browser still pans the focused element into view. -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, interactive-widget=overlays-content">

  <!-- PWA & Theme -->
  <link rel="manifest" href="/manifest.json">
  <!-- Favicon: SVG first—Safari often skips .ico-only; ICO + shortcut cover older WebKit -->
  <link rel="icon" type="image/svg+xml" href="/logo-ide.svg" sizes="any">
  <link rel="icon" type="image/x-icon" href="/logo-ide.ico" sizes="32x32">
  <link rel="shortcut icon" href="/logo-ide.ico">
  <!-- iOS ignores .ico here and falls back to a screenshot of the page; it needs a PNG.
       Opaque and inset, because iOS masks it with a rounded rect. -->
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="mobile-web-app-capable" content="yes">
  <!-- One tag, no media query: ThemeService rewrites it from the live --nx-bg token, and
       the app's own theme toggle does not have to agree with the OS preference. The
       pre-boot script below seeds it so the window chrome is right on first paint. -->
  <meta name="theme-color" content="#111111">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&amp;display=swap" rel="stylesheet" crossorigin="anonymous">

  <!-- Block paint until theme is applied — prevents SSR hydration flicker -->
  <style>html { opacity: 0; }</style>

  <!-- Pre-boot theme + UI lang: apply BEFORE Angular hydrates to prevent flicker -->
  <script>
    try {
      var mode = localStorage.getItem('editor_theme_mode');
      var dark;
      if (mode === 'dark') {
        dark = true;
      } else if (mode === 'light') {
        dark = false;
      } else {
        // 'system' or not set — follow OS
        dark = window.matchMedia('(prefers-color-scheme: dark)').matches;
      }
      // Kept equal to the --nx-bg token in styles.scss, so the pre-CSS paint and the
      // themed page are the same colour.
      var bg = dark ? '#111111' : '#f8fafc';
      document.documentElement.style.background = bg;
      var themeMeta = document.querySelector('meta[name="theme-color"]');
      if (themeMeta) themeMeta.setAttribute('content', bg);
      document.documentElement.style.colorScheme = dark ? 'dark' : 'light';
      if (dark) {
        document.documentElement.classList.add('dark-mode', 'dark');
        document.body && document.body.classList.add('dark-mode', 'dark');
      }
      var uiLang = localStorage.getItem('nexlide_ui_lang');
      if (uiLang === 'id' || uiLang === 'en') {
        document.documentElement.lang = uiLang;
      } else {
        var nav = (navigator.language || '').toLowerCase();
        document.documentElement.lang = (nav === 'en' || nav.indexOf('en-') === 0) ? 'en' : 'id';
      }
    } catch(e) {}
    // Emergency fallback: reveal after 5s if Angular fails to boot
    setTimeout(function() { document.documentElement.style.opacity = '1'; }, 5000);
  </script>

  <!-- SEO: Primary -->
  <!-- Pre-hydration fallback only. AppTitleStrategy rewrites this on every navigation
       (SSR included) as "<brand> — <page>", with the brand resolved from the request's
       host, and pages with their own SEO title override it from ngOnInit. -->
  <title>Tuliskan — Halaman Tidak Ditemukan</title>
  <meta name="description" content="Koniami Studio adalah workspace pembelajaran interaktif yang menggabungkan materi, presentasi, kuis, dan praktikum virtual dalam satu platform — untuk guru, dosen, instruktur, dan mahasiswa di bidang teknik, vokasi, dan STEM.">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://koniami.com/">

  <!-- SEO: Schema.org (itemprop) -->
  <meta itemprop="name" content="Koniami Studio: Workspace Pembelajaran Interaktif untuk Guru, Dosen &amp; Mahasiswa">
  <meta itemprop="description" content="Satu platform untuk semua kebutuhan belajar-mengajar: materi pembelajaran, presentasi interaktif, kuis, dan praktikum virtual — dirancang untuk pembelajaran teknik, vokasi, dan STEM.">
  <meta itemprop="image" content="https://koniami.com/circuitstardelta.png">

  <!-- SEO: Open Graph -->
  <meta property="og:url" content="https://koniami.com">
  <meta property="og:type" content="website">
  <meta property="og:title" content="Koniami Studio: Workspace Pembelajaran Interaktif untuk Guru, Dosen &amp; Mahasiswa">
  <meta property="og:description" content="Satu platform untuk semua kebutuhan belajar-mengajar: materi pembelajaran, presentasi interaktif, kuis, dan praktikum virtual — dirancang untuk pembelajaran teknik, vokasi, dan STEM.">
  <meta property="og:image" content="https://koniami.com/circuitstardelta.png">
  <meta property="og:locale" content="id_ID">
  <meta property="og:site_name" content="Koniami Studio">

  <!-- SEO: Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Koniami Studio: Workspace Pembelajaran Interaktif untuk Guru, Dosen &amp; Mahasiswa">
  <meta name="twitter:description" content="Revolusi cara belajar dan mengajar: materi pembelajaran, praktikum virtual, presentasi interaktif, dan kuis dalam satu workspace.">
  <meta name="twitter:image" content="https://koniami.com/circuitstardelta.png">

  <!-- SEO: JSON-LD Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "Koniami Studio",
    "url": "https://koniami.com",
    "description": "Workspace pembelajaran interaktif untuk membuat materi, presentasi, kuis, dan praktikum virtual dalam satu platform.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "Web",
    "inLanguage": "id",
    "offers": {
      "@type": "Offer",
      "price": "0",
      "priceCurrency": "IDR"
    },
    "publisher": {
      "@type": "Organization",
      "name": "Koniami Studio",
      "url": "https://koniami.com",
      "logo": {
        "@type": "ImageObject",
        "url": "https://koniami.com/logo-ide.svg"
      }
    },
    "screenshot": "https://koniami.com/circuitstardelta.png",
    "featureList": [
      "Praktikum wiring motor control virtual (DOL, Star-Delta, Reverse-Forward, Sequential Starter) dengan diagnostik real-time",
      "AI Magic: generate slide, kuis, chat, terjemahan, hingga penjelasan soal dari gambar",
      "Kanvas satu tempat untuk teks, gambar, formula LaTeX, tabel, dan coding playground",
      "Asesmen otomatis (pilihan ganda, esai, hingga soal merangkai wiring) dinilai oleh reasoning engine DSCRE",
      "Kolaborasi real-time"
    ]
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Bisa diakses di mana saja?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Ya. Koniami Studio berjalan langsung melalui browser modern sehingga dapat diakses dari komputer atau laptop tanpa instalasi yang rumit."
        }
      },
      {
        "@type": "Question",
        "name": "Bagaimana praktikum virtual bekerja?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Praktikum virtual memungkinkan Anda merancang dan menguji rangkaian secara interaktif menggunakan komponen digital yang menyerupai peralatan di laboratorium nyata, lengkap dengan validasi koneksi dan diagnostik rangkaian real-time."
        }
      },
      {
        "@type": "Question",
        "name": "Apakah saya bisa membuat materi pembelajaran sendiri?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Tentu. Anda dapat membuat materi menggunakan Interactive Slides, menambahkan gambar, video, persamaan, diagram, maupun elemen interaktif lainnya, dipadukan dengan simulasi dan kuis."
        }
      },
      {
        "@type": "Question",
        "name": "Apakah tersedia kuis interaktif?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Ya. Koniami Studio menyediakan kuis interaktif yang dapat disisipkan langsung ke dalam materi pembelajaran untuk membantu mengevaluasi pemahaman peserta didik."
        }
      },
      {
        "@type": "Question",
        "name": "Bagaimana cara memulai?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Cukup buat akun, masuk ke Koniami Studio, lalu buat workspace pertama Anda untuk mulai membuat materi, presentasi, praktikum virtual, atau kuis."
        }
      }
    ]
  }
  </script>
<style>:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}body{counter-reset:katexEqnNo mmlEqnNo}@property --_nav-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}h1,p{margin:0}img{display:block;vertical-align:middle}img{max-width:100%;height:auto}:root{--nx-bg: #f8fafc;--nx-bg-secondary: #ffffff;--nx-bg-tertiary: #f1f5f9;--nx-surface: #ffffff;--nx-text-primary: #0f172a;--nx-text-secondary: #64748b;--nx-text-muted: #94a3b8;--nx-border: #e2e8f0;--nx-border-strong: #cbd5e1;--nx-accent: #f59e0b;--nx-accent-hover: #d97706;--nx-shadow-sm: 0 1px 3px rgba(0,0,0,.08);--nx-shadow-md: 0 4px 12px rgba(0,0,0,.1);--nx-shadow-lg: 0 8px 24px rgba(0,0,0,.12);--nx-input-bg: #ffffff;--nx-input-border: #e2e8f0;--nx-input-text: #0f172a;--nx-input-focus: rgba(245, 158, 11, .3);--nx-overlay: rgba(0,0,0,.45);--nx-modal-bg: #ffffff;--nx-modal-backdrop: rgba(0,0,0,.25);--nx-modal-surface: #ffffff;--nx-modal-border: rgba(0,0,0,.08);--nx-modal-shadow: 0 8px 40px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);--nx-modal-fill: rgba(0,0,0,.04);--nx-modal-fill-hover: rgba(0,0,0,.07);--nx-modal-fill-active: rgba(0,0,0,.1);--nx-modal-line: rgba(0,0,0,.07);--nx-modal-text: #1a1a1a;--nx-modal-text-body: #333333;--nx-modal-text-muted: #888888;--nx-modal-text-faint: #aaaaaa}html,body{scroll-behavior:smooth;font-family:Plus Jakarta Sans,sans-serif!important}*{margin:0;padding:0;box-sizing:border-box}html{background-color:inherit}html,body{font-family:Plus Jakarta Sans,sans-serif!important;width:100%;min-height:100%;margin:0;padding:0;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}body{font-family:Plus Jakarta Sans,sans-serif!important;background-color:var(--nx-bg, #0f0f14);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--nx-table-selection-bg: rgba(59, 130, 246, .28);--nx-table-selection-fg: inherit}
</style><link rel="stylesheet" href="styles-72WTZ7VD.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-72WTZ7VD.css"></noscript><style ng-app-id="ng">@charset "UTF-8";.dialog-overlay[_ngcontent-ng-c1313484361]{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:_ngcontent-ng-c1313484361_dialog-fade .15s ease}@keyframes _ngcontent-ng-c1313484361_dialog-fade{0%{opacity:0}to{opacity:1}}.dialog-container[_ngcontent-ng-c1313484361]{width:min(400px,100vw - 32px);background:#fff;color:#18181b;border:none;border-radius:12px;overflow:hidden;letter-spacing:-.01em;font-family:inherit;-webkit-font-smoothing:antialiased;box-shadow:0 0 0 1px #0000000f,0 8px 30px #0000001f,0 1px 3px #0000000f;animation:_ngcontent-ng-c1313484361_dialog-in .16s cubic-bezier(.4,0,.2,1)}.dialog-container.dark-mode[_ngcontent-ng-c1313484361]{background:#1c1c1c;color:#f4f4f5;box-shadow:0 0 0 1px #ffffff1a,0 8px 30px #00000073,0 1px 3px #00000040}@keyframes _ngcontent-ng-c1313484361_dialog-in{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header[_ngcontent-ng-c1313484361]{display:flex;align-items:flex-start;gap:10px;padding:16px 16px 12px}.dialog-icon[_ngcontent-ng-c1313484361]{display:flex;width:32px;height:32px;flex-shrink:0;align-items:center;justify-content:center;border-radius:8px;background:#f4f4f5;color:#52525b}.dark-mode[_ngcontent-ng-c1313484361]   .dialog-icon[_ngcontent-ng-c1313484361]{background:#ffffff0f;color:#a1a1aa}.dialog-header-text[_ngcontent-ng-c1313484361]{flex:1;min-width:0;padding-top:1px}.dialog-title[_ngcontent-ng-c1313484361]{margin:0 0 4px;font-size:13px;font-weight:500;letter-spacing:-.01em;line-height:1.3;color:#18181b}.dark-mode[_ngcontent-ng-c1313484361]   .dialog-title[_ngcontent-ng-c1313484361]{color:#f4f4f5}.dialog-message[_ngcontent-ng-c1313484361]{margin:0;font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:1.5;color:#71717a}.dark-mode[_ngcontent-ng-c1313484361]   .dialog-message[_ngcontent-ng-c1313484361]{color:#a1a1aa}.dialog-close[_ngcontent-ng-c1313484361]{display:flex;width:28px;height:28px;margin-left:auto;flex-shrink:0;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#a1a1aa;cursor:pointer;transition:background .12s,color .12s}.dialog-close[_ngcontent-ng-c1313484361]:hover{background:#f4f4f5;color:#18181b}.dark-mode[_ngcontent-ng-c1313484361]   .dialog-close[_ngcontent-ng-c1313484361]{color:#71717a}.dark-mode[_ngcontent-ng-c1313484361]   .dialog-close[_ngcontent-ng-c1313484361]:hover{background:#ffffff0f;color:#f4f4f5}.dialog-body[_ngcontent-ng-c1313484361]{padding:0 16px 4px}.dialog-input-field[_ngcontent-ng-c1313484361]{width:100%;height:36px;padding:0 12px;font-size:12px;font-weight:500;letter-spacing:-.01em;font-family:inherit;border:none;border-radius:8px;background:#f4f4f5;color:#18181b;outline:none;box-sizing:border-box;box-shadow:inset 0 0 0 1px #e4e4e7;transition:background .12s,box-shadow .12s}.dialog-input-field[_ngcontent-ng-c1313484361]:focus{background:#fff;box-shadow:inset 0 0 0 1px #a1a1aa}.dialog-input-field[_ngcontent-ng-c1313484361]::placeholder{color:#a1a1aa;font-weight:500}.dark-mode[_ngcontent-ng-c1313484361]   .dialog-input-field[_ngcontent-ng-c1313484361]{background:#ffffff0f;color:#f4f4f5;box-shadow:inset 0 0 0 1px #ffffff14}.dark-mode[_ngcontent-ng-c1313484361]   .dialog-input-field[_ngcontent-ng-c1313484361]:focus{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff2e}.dark-mode[_ngcontent-ng-c1313484361]   .dialog-input-field[_ngcontent-ng-c1313484361]::placeholder{color:#71717a}.dialog-footer[_ngcontent-ng-c1313484361]{padding:12px 16px 16px;border-top:1px solid rgba(0,0,0,.06);margin-top:4px}.dark-mode[_ngcontent-ng-c1313484361]   .dialog-footer[_ngcontent-ng-c1313484361]{border-top-color:#ffffff14}.dialog-buttons[_ngcontent-ng-c1313484361]{display:flex;gap:8px;justify-content:flex-end}.dialog-buttons.single[_ngcontent-ng-c1313484361]{justify-content:stretch}.dialog-buttons.single[_ngcontent-ng-c1313484361]   .btn[_ngcontent-ng-c1313484361]{flex:1}.btn[_ngcontent-ng-c1313484361]{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;min-width:72px;padding:0 12px;border:none;border-radius:8px;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:background .12s ease,color .12s ease,opacity .12s ease}.btn-cancel[_ngcontent-ng-c1313484361]{background:#f4f4f5;color:#3f3f46}.btn-cancel[_ngcontent-ng-c1313484361]:hover{background:#e4e4e7;color:#18181b}.dark-mode[_ngcontent-ng-c1313484361]   .btn-cancel[_ngcontent-ng-c1313484361]{background:#ffffff0f;color:#d4d4d8}.dark-mode[_ngcontent-ng-c1313484361]   .btn-cancel[_ngcontent-ng-c1313484361]:hover{background:#ffffff1a;color:#f4f4f5}.btn-confirm[_ngcontent-ng-c1313484361]{background:#18181b;color:#fafafa}.btn-confirm[_ngcontent-ng-c1313484361]:hover{background:#27272a}.btn-confirm[_ngcontent-ng-c1313484361]:active{transform:scale(.985)}.btn-confirm--block[_ngcontent-ng-c1313484361]{width:100%}.dark-mode[_ngcontent-ng-c1313484361]   .btn-confirm[_ngcontent-ng-c1313484361]{background:#f4f4f5;color:#18181b}.dark-mode[_ngcontent-ng-c1313484361]   .btn-confirm[_ngcontent-ng-c1313484361]:hover{background:#e4e4e7}@media(max-width:480px){.dialog-buttons[_ngcontent-ng-c1313484361]:not(.single){flex-direction:column-reverse}.btn[_ngcontent-ng-c1313484361]{width:100%}}</style><style ng-app-id="ng">[_nghost-ng-c1523386719]{display:block}.stitch-landing[_ngcontent-ng-c1523386719]{min-height:100vh;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc}.stitch-landing[_ngcontent-ng-c1523386719]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.22) 1.2px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black 0%,black 40%,transparent 90%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 40%,transparent 90%);pointer-events:none}[_nghost-ng-c1523386719]:not(.dark-mode-host)   .stitch-landing[_ngcontent-ng-c1523386719]{background:#f8fafc;color:#0f172a}[_nghost-ng-c1523386719]:not(.dark-mode-host)   .stitch-landing[_ngcontent-ng-c1523386719]:before{background-image:radial-gradient(circle,rgba(0,0,0,.08) 1.2px,transparent 1.2px)}.stitch-logo[_ngcontent-ng-c1523386719]{height:2rem;width:auto;opacity:.95;position:relative;z-index:1;margin-bottom:1.5rem}.nf-code[_ngcontent-ng-c1523386719]{font-size:4.5rem;font-weight:800;letter-spacing:-.04em;line-height:1;opacity:.35;position:relative;z-index:1}.nf-title[_ngcontent-ng-c1523386719]{font-size:1.375rem;font-weight:700;margin:1rem 0 .5rem;position:relative;z-index:1}.nf-desc[_ngcontent-ng-c1523386719]{font-size:.9375rem;opacity:.65;margin:0 0 1.5rem;position:relative;z-index:1}.nf-home[_ngcontent-ng-c1523386719]{display:inline-flex;align-items:center;padding:.625rem 1.25rem;border-radius:999px;background:#fff;color:#0a0a0a;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .15s;position:relative;z-index:1}.nf-home[_ngcontent-ng-c1523386719]:hover{opacity:.85}[_nghost-ng-c1523386719]:not(.dark-mode-host)   .nf-home[_ngcontent-ng-c1523386719]{background:#0f172a;color:#fff}</style></head>
<body><!--nghm--><script type="text/javascript" id="ng-event-dispatch-contract">(()=>{function p(t,n,r,o,e,i,f,m){return{eventType:t,event:n,targetElement:r,eic:o,timeStamp:e,eia:i,eirp:f,eiack:m}}function u(t){let n=[],r=e=>{n.push(e)};return{c:t,q:n,et:[],etc:[],d:r,h:e=>{r(p(e.type,e,e.target,t,Date.now()))}}}function s(t,n,r){for(let o=0;o<n.length;o++){let e=n[o];(r?t.etc:t.et).push(e),t.c.addEventListener(e,t.h,r)}}function c(t,n,r,o,e=window){let i=u(t);e._ejsas||(e._ejsas={}),e._ejsas[n]=i,s(i,r),s(i,o,!0)}window.__jsaction_bootstrap=c;})();
</script><script>window.__jsaction_bootstrap(document.body,"ng",["click"],[]);</script>
  <app-root ng-version="21.0.6" ngh="2" ng-server-context="ssr"><router-outlet></router-outlet><app-not-found _nghost-ng-c1523386719 class="dark-mode-host" ngh="0"><div _ngcontent-ng-c1523386719 class="stitch-landing"><img _ngcontent-ng-c1523386719 alt="Logo" class="stitch-logo" src="/logo-dark.svg"><div _ngcontent-ng-c1523386719 class="nf-code">404</div><h1 _ngcontent-ng-c1523386719 class="nf-title">Halaman tidak ditemukan</h1><p _ngcontent-ng-c1523386719 class="nf-desc">Halaman yang Anda cari tidak tersedia di domain ini.</p><a _ngcontent-ng-c1523386719 routerlink="/" class="nf-home" href="/" jsaction="click:;">Kembali ke Beranda</a></div></app-not-found><!----><app-dialog _nghost-ng-c1313484361 ngh="1"><!----></app-dialog></app-root>
<link rel="modulepreload" href="chunk-S3TB5IBT.js"><link rel="modulepreload" href="chunk-35UTAVZT.js"><link rel="modulepreload" href="chunk-VN2JOB2E.js"><link rel="modulepreload" href="chunk-6LWCAV74.js"><link rel="modulepreload" href="chunk-HFP3KE2C.js"><link rel="modulepreload" href="chunk-7ESSDNRQ.js"><link rel="modulepreload" href="chunk-SE6GRAQJ.js"><link rel="modulepreload" href="chunk-4LPDHLYR.js"><link rel="modulepreload" href="chunk-C3Z2OIUQ.js"><link rel="modulepreload" href="chunk-ZNAEYGYH.js"><script src="main-U27SML2M.js" type="module"></script>
<link rel="modulepreload" href="chunk-UBAR7L43.js">


<script id="ng-state" type="application/json">{"__nghData__":[{},{"t":{"0":"t18"},"c":{"0":[]}},{"c":{"0":[{"i":"c1523386719","r":1}]}}]}</script></body></html>