:root{--orange:#FF5C2B;--orange-lt:#FFF0EB;--purple:#5B4FE8;--purple-lt:#EEEDFF;--teal:#0FA87A;--teal-lt:#E0F7EF;--amber:#D4900A;--amber-lt:#FFF6DC;--red:#D63031;--red-lt:#FFEAEA;--black:#0D0D0D;--white:#FAFAF8;--gray:#F0EFEB;--gray-mid:#C5C3BB;--gray-dk:#6B6860;--border:2px solid var(--black);--sh:3px 3px 0 var(--black);--sh-lg:5px 5px 0 var(--black);--r:6px;--sidebar-w:260px;--topbar-h:52px;--font-d:"Syne",sans-serif;--font-m:"Space Mono",monospace;--font-b:"DM Sans",sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-b);background:var(--white);color:var(--black);font-size:15px;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(13,13,13,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(13,13,13,.03) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:0}.topbar{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--topbar-h);background:var(--black);border-bottom:var(--border);display:flex;align-items:center;padding:0 1.25rem;gap:1rem}.topbar-brand{font-family:var(--font-m);font-size:12px;color:var(--white);letter-spacing:.5px;white-space:nowrap}.topbar-brand em{color:var(--orange);font-style:normal}.topbar-spacer{flex:1}.topbar-badge{font-family:var(--font-m);font-size:10px;padding:4px 10px;border:1px solid #333;border-radius:20px;color:#666;letter-spacing:.5px}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:6px;border:none;background:transparent}.hamburger span{display:block;width:20px;height:2px;background:var(--white)}.shell{display:flex;padding-top:var(--topbar-h);height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));overflow-y:auto;overflow-x:hidden;background:var(--white);border-right:var(--border);position:relative;z-index:100;flex-shrink:0}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--gray-mid)}.sb-logo{padding:1rem 1.1rem .75rem;border-bottom:1px solid var(--gray)}.sb-logo-title{font-family:var(--font-d);font-size:14px;font-weight:800;line-height:1.2;margin-bottom:2px}.sb-logo-sub{font-family:var(--font-m);font-size:9px;color:var(--gray-dk);letter-spacing:1px;text-transform:uppercase}.nav-item{display:flex;flex-direction:column;border-bottom:1px solid var(--gray)}.nav-btn{display:flex;align-items:center;gap:10px;padding:10px 1.1rem;font-family:var(--font-b);font-size:13px;color:var(--black);background:transparent;border:none;cursor:pointer;text-align:left;width:100%;transition:background .1s;position:relative}.nav-btn:hover{background:var(--gray)}.nav-btn.active{background:var(--orange);color:var(--white)}.nav-btn.active .nav-icon{border-color:#ffffff4d}.nav-icon{width:28px;height:28px;border-radius:var(--r);border:1.5px solid var(--gray-mid);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;background:var(--white)}.nav-btn.active .nav-icon{background:#fff3}.nav-label{flex:1;font-weight:500;line-height:1.3}.nav-arrow{font-size:10px;transition:transform .2s;color:var(--gray-mid)}.nav-btn.open .nav-arrow{transform:rotate(90deg)}.nav-btn.active .nav-arrow{color:#ffffffb3}.nav-dropdown{display:none;background:var(--gray);border-top:1px solid var(--gray-mid)}.nav-dropdown.open{display:block}.nav-sub-btn{display:flex;align-items:center;gap:8px;padding:8px 1.1rem 8px 3.2rem;font-family:var(--font-b);font-size:12px;color:var(--gray-dk);background:transparent;border:none;cursor:pointer;text-align:left;width:100%;transition:background .1s,color .1s}.nav-sub-btn:hover{background:var(--gray-mid);color:var(--black)}.nav-sub-btn.active{color:var(--orange);font-weight:600}.nav-sub-btn.active:before{content:"→";margin-right:-2px;margin-left:-14px;width:14px;display:inline-block}.lock-badge{font-family:var(--font-m);font-size:9px;padding:2px 6px;border-radius:3px;background:#222;color:#666;margin-left:auto}.sb-footer{padding:.75rem 1.1rem;border-top:1px solid var(--gray);margin-top:auto}.sb-footer p{font-family:var(--font-m);font-size:9px;color:var(--gray-mid);letter-spacing:.5px;line-height:1.6}.content-panel{flex:1;height:calc(100vh - var(--topbar-h));overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.content-panel::-webkit-scrollbar{width:4px}.content-panel::-webkit-scrollbar-thumb{background:var(--gray-mid)}.page{display:none;padding:2rem 2.5rem;max-width:100%;min-height:100%;animation:fadeIn .2s ease}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.intro-hero{background:var(--black);color:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--sh-lg);padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.intro-hero:after{content:"AI";position:absolute;right:-10px;bottom:-20px;font-family:var(--font-d);font-size:120px;font-weight:800;color:#ffffff0a;line-height:1;pointer-events:none}.intro-eyebrow{font-family:var(--font-m);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:.75rem}.intro-hero h1{font-family:var(--font-d);font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:.75rem}.intro-hero h1 .hl{color:var(--orange)}.intro-hero p{font-size:14px;color:#aaa;line-height:1.75;max-width:500px}.prinsip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.prinsip-card{background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--sh);padding:1rem 1.1rem}.prinsip-num{font-family:var(--font-d);font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}.prinsip-title{font-size:13px;font-weight:600;margin-bottom:4px}.prinsip-desc{font-size:12px;color:var(--gray-dk);line-height:1.6}.modul-map{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modul-card{background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--sh);padding:1rem 1.1rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.modul-card:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-lg)}.modul-card.locked{opacity:.5;cursor:not-allowed}.modul-num{font-family:var(--font-m);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.modul-name{font-family:var(--font-d);font-size:14px;font-weight:700;line-height:1.3;margin-bottom:6px}.modul-tag{font-family:var(--font-m);font-size:9px;padding:3px 8px;border-radius:20px;display:inline-block}.sec-eyebrow{font-family:var(--font-m);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--white);padding:3px 10px;border-radius:2px;display:inline-block;margin-bottom:.6rem}.sec-title{font-family:var(--font-d);font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.15rem;line-height:1.2}.sec-sub{font-family:var(--font-m);font-size:10px;color:var(--gray-dk);margin-bottom:1.25rem;letter-spacing:.3px}.tujuan-box{background:var(--orange-lt);border:var(--border);border-radius:var(--r);box-shadow:var(--sh);padding:1rem 1.25rem;margin-bottom:1rem}.tujuan-box h3{font-family:var(--font-d);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.6rem}.tujuan-list{list-style:none}.tujuan-list li{display:flex;gap:8px;align-items:flex-start;font-size:13px;padding:4px 0;border-bottom:1px solid rgba(255,92,43,.15)}.tujuan-list li:last-child{border-bottom:none}.tujuan-list li:before{content:"→";font-family:var(--font-m);color:var(--orange);flex-shrink:0;margin-top:2px;font-size:11px}.act-card{background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:.75rem;overflow:hidden}.act-head{display:flex;align-items:center;gap:10px;padding:.8rem 1rem;cursor:pointer;user-select:none;transition:background .1s}.act-head:hover{background:var(--gray)}.act-icon{width:34px;height:34px;border:var(--border);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.act-info{flex:1}.act-title{font-family:var(--font-d);font-size:14px;font-weight:700}.act-sub{font-family:var(--font-m);font-size:9px;color:var(--gray-dk);letter-spacing:.5px;text-transform:uppercase}.act-dur{font-family:var(--font-m);font-size:10px;padding:4px 9px;border:var(--border);border-radius:20px;background:var(--white);white-space:nowrap}.act-toggle{font-size:12px;color:var(--gray-dk);transition:transform .2s;margin-left:4px}.act-card.open .act-toggle{transform:rotate(180deg)}.act-body{display:none;padding:1rem 1.1rem;border-top:var(--border);background:var(--gray)}.act-card.open .act-body{display:block}.step-list{list-style:none;display:flex;flex-direction:column;gap:8px}.step-row{display:flex;gap:10px;align-items:flex-start}.step-num{font-family:var(--font-m);font-size:10px;font-weight:700;min-width:24px;height:24px;border:var(--border);border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.step-text{font-size:13px;line-height:1.65}.step-text strong{font-weight:600}.note-box{margin-top:.75rem;background:var(--white);border-left:3px solid var(--orange);border-radius:0 var(--r) var(--r) 0;padding:8px 12px;font-size:12px;color:var(--gray-dk);line-height:1.6}.note-box strong{color:var(--black);font-weight:600}.slides-wrap{overflow-x:auto;display:flex;gap:.75rem;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.slides-wrap::-webkit-scrollbar{height:3px}.slides-wrap::-webkit-scrollbar-thumb{background:var(--black)}.slide-card{min-width:260px;max-width:260px;background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--sh);scroll-snap-align:start;overflow:hidden;flex-shrink:0}.slide-top{padding:10px 12px;border-bottom:var(--border);display:flex;align-items:center;justify-content:space-between}.slide-num-badge{width:26px;height:26px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:var(--font-m);font-size:10px;font-weight:700;color:var(--white)}.slide-title-sm{font-family:var(--font-m);font-size:9px;color:var(--gray-dk);text-align:right;line-height:1.4;max-width:160px}.slide-body{padding:12px}.slide-lbl{font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-mid);margin-bottom:4px}.slide-content{font-size:12px;line-height:1.65;margin-bottom:8px}.slide-guru{background:var(--purple-lt);border-left:3px solid var(--purple);border-radius:0 var(--r) var(--r) 0;padding:6px 10px;font-size:11px;color:#3a2ecc;line-height:1.5}.slide-guru-lbl{font-family:var(--font-m);font-size:8px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:2px}.ws-card{background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:.75rem;overflow:hidden}.ws-head{padding:.9rem 1.1rem;color:var(--white);display:flex;align-items:center;justify-content:space-between}.ws-head h3{font-family:var(--font-d);font-size:15px;font-weight:700}.ws-head-sub{font-family:var(--font-m);font-size:9px;opacity:.8;letter-spacing:.5px;text-transform:uppercase;margin-top:2px}.ws-badge{font-family:var(--font-m);font-size:9px;padding:3px 9px;border-radius:20px;background:#fff3}.ws-body{padding:1rem 1.1rem}.skenario{background:var(--orange-lt);border:var(--border);border-radius:var(--r);padding:.75rem 1rem;margin-bottom:.9rem;font-size:13px;line-height:1.65}.skenario-lbl{font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:4px}.prompt-builder{background:var(--gray);border:var(--border);border-radius:var(--r);padding:.9rem;margin-bottom:.75rem}.pb-lbl{font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-dk);margin-bottom:.75rem}.pb-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:.5rem}.pb-key{font-family:var(--font-m);font-size:9px;font-weight:700;padding:4px 7px;border:var(--border);border-radius:var(--r);background:var(--white);min-width:82px;text-align:center;line-height:1.4;flex-shrink:0}.pb-fields{flex:1;display:flex;flex-direction:column;gap:4px}.pb-input{border:none;border-bottom:1.5px solid var(--gray-mid);background:transparent;font-family:var(--font-b);font-size:12px;color:var(--black);padding:4px 0;outline:none;width:100%;transition:border-color .15s}.pb-input:focus{border-color:var(--purple)}.pb-input::placeholder{color:var(--gray-mid);font-style:italic}.final-area{border:2px dashed var(--purple);border-radius:var(--r);padding:.75rem;margin-bottom:.75rem;background:var(--purple-lt)}.final-lbl{font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);font-weight:700;margin-bottom:6px}.final-area textarea{width:100%;min-height:80px;border:none;background:transparent;font-family:var(--font-b);font-size:13px;color:var(--black);resize:vertical;outline:none;line-height:1.65}.final-area textarea::placeholder{color:#a09fd0;font-style:italic}.eval-area{background:var(--teal-lt);border:1px solid var(--teal);border-radius:var(--r);padding:.75rem}.eval-lbl{font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:5px}.eval-area textarea{width:100%;min-height:52px;border:none;background:transparent;font-family:var(--font-b);font-size:12px;color:var(--black);resize:none;outline:none;line-height:1.65}.eval-area textarea::placeholder{color:#5bb89a;font-style:italic}.rubrik-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.75rem 0}.rubrik-item{background:var(--white);border:var(--border);border-radius:var(--r);padding:.6rem .75rem}.rubrik-sc{font-family:var(--font-d);font-size:1.4rem;font-weight:800;color:var(--teal);line-height:1}.rubrik-sc span{font-size:11px;color:var(--gray-mid);font-family:var(--font-m)}.rubrik-key{font-family:var(--font-m);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:2px 0}.rubrik-desc{font-size:11px;color:var(--gray-dk);line-height:1.5}.ref-card{background:var(--black);color:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--sh);padding:1.25rem;margin-top:1rem}.ref-card h3{font-family:var(--font-d);font-size:1rem;font-weight:700;margin-bottom:1rem}.ref-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.ref-num{font-family:var(--font-d);font-size:2rem;font-weight:800;color:var(--orange);line-height:1}.ref-lbl{font-family:var(--font-m);font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#666;margin:3px 0 6px}.ref-ta{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:var(--r);color:var(--white);font-family:var(--font-b);font-size:12px;padding:7px 9px;min-height:70px;resize:none;outline:none;line-height:1.6;transition:border-color .15s}.ref-ta:focus{border-color:var(--orange)}.ref-ta::placeholder{color:#444;font-style:italic}.id-row{background:var(--gray);border:var(--border);border-radius:var(--r);padding:.75rem 1rem;display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;box-shadow:var(--sh)}.id-field{display:flex;flex-direction:column;gap:3px}.id-field label{font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-dk)}.id-field input{border:none;border-bottom:1.5px solid var(--gray-mid);background:transparent;font-family:var(--font-b);font-size:13px;color:var(--black);padding:3px 0;outline:none;width:160px;transition:border-color .15s}.id-field input:focus{border-color:var(--orange)}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.coming-soon .big-num{font-family:var(--font-d);font-size:clamp(4rem,12vw,8rem);font-weight:800;line-height:1;margin-bottom:.5rem}.coming-soon h2{font-family:var(--font-d);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.coming-soon p{font-size:13px;color:var(--gray-dk);max-width:320px;line-height:1.7}hr.div{border:none;border-top:1px solid var(--gray);margin:1.5rem 0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.page-header-right{display:flex;gap:.5rem;flex-wrap:wrap}.chip{font-family:var(--font-m);font-size:9px;padding:4px 10px;border:var(--border);border-radius:20px;background:var(--white);box-shadow:2px 2px 0 var(--black);letter-spacing:.3px}.chip.orange{background:var(--orange-lt)}.chip.purple{background:var(--purple-lt)}.chip.teal{background:var(--teal-lt)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}@media(max-width:768px){.hamburger{display:flex}.sidebar{position:fixed;left:-280px;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));transition:left .25s ease;z-index:150}.sidebar.open{left:0}.sidebar-overlay.open{display:block}.page{padding:1.25rem 1rem}.ref-grid,.modul-map,.rubrik-grid{grid-template-columns:1fr}.prinsip-grid{grid-template-columns:1fr 1fr}}@media print{.topbar,.sidebar,body:before,button[onclick^=goPage]{display:none!important}html,body{height:auto!important;overflow:visible!important;background:#fff!important}.shell{display:block!important;padding:0!important;height:auto!important;overflow:visible!important}.content-panel{display:block!important;height:auto!important;overflow:visible!important}.page{display:none!important}.page.active{display:block!important;padding:0!important}.act-body{display:block!important}.act-toggle{display:none!important}.slides-wrap,.slides-track{display:block!important;overflow:visible!important;padding:0!important}.slide-card{width:100%!important;max-width:100%!important;min-width:100%!important;margin-bottom:1rem!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:page!important;page-break-after:always!important}.slide-card:last-child{break-after:auto!important;page-break-after:auto!important}.dots-row,.dots-nav,.counter-row,.controls-row{display:none!important}}