@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;700;800;900&display=swap";:root{--d-navy: #1E293B;--d-green: #10B981;--d-yellow: #FDE047;--d-light-yellow: #FEF08A;--d-light-green: #ECFDF5;--d-white: #FFFFFF;--d-slate: #64748B;--d-bg-soft: #F8FAFC}.font-archivo{font-family:Archivo Black,sans-serif}.font-inter{font-family:Inter,sans-serif}.bg-neo-yellow{background-color:#ffe500!important}.text-neo-yellow{color:#ffe500!important}.hover\:bg-neo-yellow:hover{background-color:#ffe500!important}.bg-neo-green{background-color:#b8ff5c!important}.text-neo-green{color:#b8ff5c!important}.hover\:bg-neo-green:hover{background-color:#b8ff5c!important}.bg-neo-pink{background-color:#ff6b9d!important}.text-neo-pink{color:#ff6b9d!important}.shadow-neo{box-shadow:6px 6px #000!important}.neo-press{transition:all .1s ease-in-out}.neo-press:active{transform:translate(4px,4px)!important;box-shadow:2px 2px #000!important}.bg-grid{background-image:radial-gradient(#000 1px,transparent 1px);background-size:24px 24px}.bg-navy{background-color:var(--d-navy)!important}.bg-green{background-color:var(--d-green)!important;color:#fff!important}.bg-yellow{background-color:var(--d-yellow)!important}.text-white{color:var(--d-white)!important}.p-modul-wrapper{max-width:1040px;margin:0 auto;padding:40px 24px 120px;box-sizing:border-box;overflow-x:hidden}.d-brutal-box{background:var(--d-white);border:3px solid var(--d-navy);box-shadow:6px 6px 0 var(--d-navy);border-radius:0;box-sizing:border-box}.p-section{margin-top:56px;margin-bottom:0}.section-title-wrap{display:flex;align-items:center;gap:16px;margin-bottom:28px}.title-decor{width:10px;height:28px;background:var(--d-green);border:2px solid var(--d-navy);transform:rotate(-5deg)}.p-section-title{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:800;text-transform:uppercase;color:var(--d-navy);margin:0;letter-spacing:-.5px}.hero-section{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;padding:48px;background-color:var(--d-bg-soft);align-items:center}.hero-meta{display:flex;gap:12px;margin-bottom:24px}.badge-yellow{background:var(--d-yellow);border:2px solid var(--d-navy);padding:6px 14px;font-weight:800;font-size:13px}.tag-navy{background:var(--d-navy);color:var(--d-white);padding:6px 14px;font-weight:700;font-size:13px}.hero-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.1;margin:0 0 20px;color:var(--d-navy)}.hl-green{color:var(--d-green);text-decoration:underline;text-decoration-thickness:6px}.hero-intro{font-size:16px;line-height:1.65;color:var(--d-slate);margin:0}.hero-image-wrap{width:100%;height:100%;aspect-ratio:4/3;overflow:hidden;box-shadow:4px 4px 0 var(--d-navy)}.hero-img{width:100%;height:100%;object-fit:cover}.trio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.trio-card{padding:32px;display:flex;flex-direction:column;height:100%}.tc-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tc-icon{font-size:32px}.trio-card h3{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;margin:0;color:var(--d-navy)}.tc-badge{align-self:flex-start;font-size:11px;font-weight:800;border:2px solid var(--d-navy);padding:4px 10px;margin-bottom:18px;letter-spacing:.5px}.tc-desc{font-size:14.5px;line-height:1.6;color:var(--d-navy);margin:0;flex-grow:1}.tc-footer{margin-top:24px;padding-top:16px;border-top:2px dashed rgba(30,41,59,.15);font-size:13px;font-weight:700;color:var(--d-slate)}.ft-dark{border-top-color:#ffffff4d!important;color:var(--d-light-yellow)!important}.c-light-yellow{background:var(--d-light-yellow)}.c-green{background:var(--d-green);border-color:var(--d-navy)}.c-white{background:var(--d-white)}.battle-container{display:grid;grid-template-columns:1fr 60px 1fr;margin-top:16px}.battle-side{padding:44px}.battle-tag{font-size:11px;font-weight:800;color:var(--d-navy);border:2px solid var(--d-navy);padding:4px 12px;display:inline-block;margin-bottom:20px}.battle-heading{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:800;margin:0 0 12px;color:var(--d-navy)}.battle-intro-text{font-size:14px;color:var(--d-slate);line-height:1.5;margin:0 0 24px}.battle-list{list-style:none;padding:0;margin:0}.battle-list li{padding:12px 0;font-size:14.5px;font-weight:600;color:var(--d-navy);border-bottom:2px dashed #E2E8F0}.battle-list li:last-child{border-bottom:none}.battle-list li:before{content:"⚡ "}.battle-divider{display:flex;justify-content:center;align-items:center;position:relative}.battle-divider:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--d-navy)}.vs-badge{background:var(--d-navy);color:var(--d-white);width:44px;height:44px;font-weight:900;font-family:Space Grotesk,sans-serif;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:2;font-size:14px;border:3px solid var(--d-white)}.simulator-wrapper{padding:40px;background:var(--d-bg-soft)}.sim-intro h3{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;margin:0 0 8px}.sim-intro p{font-size:15px;color:var(--d-slate);margin:0 0 28px}.challenge-card{background:var(--d-navy);color:var(--d-white);padding:24px;margin-bottom:32px;border-left:6px solid var(--d-green)}.challenge-badge{font-size:11px;font-weight:800;color:var(--d-yellow);letter-spacing:1px;display:block;margin-bottom:8px}.challenge-text{font-size:15.5px;line-height:1.6;font-style:italic;margin:0}.matrix-row{margin-bottom:24px}.matrix-row:last-child{margin-bottom:0}.row-label{display:block;font-weight:800;font-size:14px;text-transform:uppercase;color:var(--d-navy);margin-bottom:12px}.btn-group-sim{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sim-btn{background:var(--d-white);border:2px solid var(--d-navy);padding:14px 20px;font-family:inherit;font-weight:700;font-size:14px;text-align:left;cursor:pointer;transition:all .15s ease}.sim-btn:hover{background:var(--d-light-yellow);transform:translateY(-2px)}.sim-btn.selected-correct{background:var(--d-green)!important;color:var(--d-white)!important;border-color:var(--d-navy)!important}.sim-btn.selected-incorrect{background:#fca5a5!important;color:var(--d-navy)!important}.sim-feedback-box{margin-top:32px;padding:20px;border:2px solid var(--d-navy);background:var(--d-light-green);display:flex;gap:16px;align-items:flex-start}.sim-feedback-box.hidden{display:none}.fb-icon{font-size:24px}.fb-text-content h4{margin:0 0 4px;font-size:16px;font-weight:800}.fb-text-content p{margin:0;font-size:14.5px;line-height:1.5;color:var(--d-navy)}.iceberg-layout{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;overflow:hidden}.iceberg-visual-side{height:100%;min-height:280px}.iceberg-img{width:100%;height:100%;object-fit:cover;display:block}.iceberg-text-side{padding:44px}.mini-tag{font-size:11px;font-weight:800;color:var(--d-green);letter-spacing:.5px;display:block;margin-bottom:8px}.iceberg-title{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:800;margin:0 0 16px}.iceberg-body{font-size:15px;line-height:1.65;color:var(--d-slate);margin:0}.section-nav-cta{margin-top:64px}.takeaway-box{background:var(--d-light-green);border:2px dashed var(--d-green);padding:24px;font-size:15px;line-height:1.6;color:var(--d-navy);margin-bottom:36px;text-align:left}.cta-btns{display:flex;gap:24px;justify-content:space-between;align-items:center}.btn-selesai{background:var(--d-green);color:var(--d-white);border:3px solid var(--d-navy);padding:16px 36px;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:16px;cursor:pointer;box-shadow:4px 4px 0 var(--d-navy);transition:all .1s}.btn-selesai:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--d-navy)}.btn-lanjut{background:var(--d-yellow);color:var(--d-navy);border:3px solid var(--d-navy);padding:16px 36px;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:16px;text-decoration:none;box-shadow:4px 4px 0 var(--d-navy);opacity:.4;pointer-events:none;transition:opacity .2s ease}.btn-lanjut.unlocked{opacity:1;pointer-events:auto}.trio-grid-miring{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:48px}.trio-card-miring{padding:24px;display:flex;flex-direction:column;border:3px solid var(--d-navy);box-shadow:6px 6px 0 var(--d-navy);transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;cursor:default;z-index:1}.tc-icon-box{background:var(--d-white);padding:8px;border:3px solid var(--d-navy);box-shadow:2px 2px 0 0 var(--d-navy);font-size:28px;transition:transform .3s ease}.badge-kuning{background:var(--d-yellow);border:2px solid var(--d-navy);box-shadow:2px 2px 0 0 var(--d-navy)}.badge-hitam{background:var(--d-navy);color:var(--d-white);border:2px solid var(--d-navy);box-shadow:2px 2px 0 0 var(--d-navy)}.card-diagnostik{background-color:var(--d-yellow);transform:rotate(-2deg) translateY(0)}.card-formatif{background-color:var(--d-green);transform:rotate(3deg) translateY(24px)}.card-sumatif{background-color:var(--d-white);transform:rotate(-1deg) translateY(8px)}.trio-card-miring:hover{z-index:10;transform:scale(1.05) translateY(-8px) rotate(0)!important;box-shadow:10px 10px 0 var(--d-navy)}.card-diagnostik:hover .icon-diag{transform:rotate(12deg)}.card-formatif:hover .icon-form{transform:rotate(-12deg)}.card-sumatif:hover .icon-sum{transform:rotate(12deg)}.mini-diagram-container{display:flex;flex-direction:column;gap:14px;width:100%;padding:12px;box-sizing:border-box}.md-row{display:flex;justify-content:space-between;align-items:stretch;position:relative}.md-header{margin-bottom:2px}.md-cell{width:44%;padding:14px 12px;border-radius:4px;text-align:center;font-size:13px;font-weight:700;line-height:1.4;box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.cell-formatif-head,.cell-formatif{background-color:var(--d-navy, #000);color:var(--d-white, #fff);border:2px solid var(--d-navy, #000)}.cell-formatif:before,.cell-formatif-head:before{content:"";position:absolute;top:4px;left:4px;width:100%;height:100%;background-color:#00000026;border-radius:4px;z-index:-1}.cell-sumatif-head,.cell-sumatif{background-color:var(--d-white, #fff);color:var(--d-navy, #000);border:2px solid var(--d-navy, #000)}.cell-sumatif:before,.cell-sumatif-head:before{content:"";position:absolute;top:4px;left:4px;width:100%;height:100%;background-color:var(--d-yellow, #CCFF00);border-radius:4px;z-index:-1}.cell-formatif-head,.cell-sumatif-head{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:900;letter-spacing:.5px;padding:8px}.md-cell strong{font-size:12px;text-transform:uppercase}.md-sub{font-size:10px;font-weight:500;opacity:.85;margin-top:2px}.md-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--d-yellow, #CCFF00);color:var(--d-navy, #000);border:2px solid var(--d-navy, #000);padding:2px 8px;font-family:Space Grotesk,sans-serif;font-weight:900;font-size:10px;white-space:nowrap;z-index:2;box-shadow:2px 2px 0 var(--d-navy, #000);border-radius:2px}.iceberg-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.iceberg-layout{display:grid;grid-template-columns:1fr 1.2fr;align-items:stretch;overflow:hidden}.iceberg-visual-side{background-color:#eff6ff;border-right:3px solid var(--d-navy);display:flex;justify-content:center;align-items:center;padding:32px}.iceberg-text-side{padding:48px;display:flex;flex-direction:column;justify-content:center}.mini-tag{font-size:11px;font-weight:800;color:var(--d-green);letter-spacing:.5px;display:block;margin-bottom:12px}.iceberg-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:800;margin:0 0 20px;color:var(--d-navy)}.iceberg-body{font-size:15.5px;line-height:1.7;color:var(--d-navy);margin:0}@media(max-width:900px){.iceberg-layout{grid-template-columns:1fr}.iceberg-visual-side{border-right:none;border-bottom:3px solid var(--d-navy);padding:24px}.iceberg-text-side{padding:32px}}@media(max-width:900px){.iceberg-layout{grid-template-columns:1fr;gap:32px}.mini-diagram-container{max-width:480px;margin:0 auto}}@media(max-width:900px){.trio-grid-miring{grid-template-columns:1fr;gap:24px;padding-bottom:0}.card-diagnostik,.card-formatif,.card-sumatif{transform:none!important}.trio-card-miring:hover{transform:scale(1.02) translateY(-4px)!important}}.battle-cards-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative;margin-top:32px;padding:16px}.battle-card{background:var(--d-white);border:3px solid var(--d-navy);box-shadow:6px 6px 0 var(--d-navy);padding:40px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:1}.card-afl{transform:rotate(-2deg)}.card-aol{transform:rotate(2deg)}.battle-card:hover{transform:scale(1.03) rotate(0);box-shadow:10px 10px 0 var(--d-navy);z-index:10}.vs-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);background:var(--d-navy);color:var(--d-white);width:64px;height:64px;border-radius:50%;border:4px solid var(--d-white);display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:900;font-size:20px;z-index:5;box-shadow:4px 4px 0 var(--d-navy);transition:transform .3s ease}.battle-cards-wrap:hover .vs-circle{transform:translate(-50%,-50%) rotate(5deg) scale(1.1)}.table-neo-wrapper{width:100%;overflow-x:auto;border:3px solid var(--d-navy);box-shadow:6px 6px 0 var(--d-navy);background:var(--d-white);margin-top:16px}.table-neo{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.table-neo th,.table-neo td{padding:16px 20px;border:2px solid var(--d-navy);font-size:15px;line-height:1.5;color:var(--d-navy);vertical-align:top}.table-neo thead th{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;border-bottom:4px solid var(--d-navy)}.table-neo thead th:first-child{background:var(--d-navy);color:var(--d-white)}.table-neo thead th.bg-neo-green{background:var(--d-green);color:var(--d-white)}.table-neo thead th.bg-neo-yellow{background:var(--d-yellow);color:var(--d-navy)}.cell-dimensi{font-family:Space Grotesk,sans-serif;font-weight:800;background:var(--d-light-yellow);text-transform:uppercase;font-size:14px}.table-neo tbody tr{transition:background-color .2s ease}.table-neo tbody tr:hover{background-color:var(--d-bg-soft)}.micro-tag{display:inline-block;font-size:10px;font-weight:800;padding:4px 8px;border:2px solid var(--d-navy);margin-top:8px;text-transform:uppercase}.tag-green{background:var(--d-green);color:var(--d-white)}.tag-yellow{background:var(--d-yellow);color:var(--d-navy)}@media(max-width:768px){.table-neo th,.table-neo td{padding:12px 16px;font-size:14px}.table-neo thead th{font-size:16px}.cell-dimensi{font-size:12px}}@media(max-width:900px){.battle-cards-wrap{grid-template-columns:1fr;gap:48px;padding:0}.card-afl,.card-aol{transform:none}.battle-card:hover{transform:scale(1.02)}.vs-circle{transform:translate(-50%,-50%) rotate(0)}}@media(max-width:900px){.hero-section{grid-template-columns:1fr;gap:24px;padding:32px}.hero-image-wrap{aspect-ratio:16/9}.trio-grid{grid-template-columns:1fr;gap:20px}.battle-container{grid-template-columns:1fr}.battle-side{padding:32px}.battle-divider{height:40px}.battle-divider:before{width:100%;height:2px;top:auto}.vs-badge{margin-top:-2px}.btn-group-sim{grid-template-columns:1fr;gap:12px}.iceberg-layout{grid-template-columns:1fr}.iceberg-visual-side{min-height:200px}.iceberg-text-side{padding:32px}.cta-btns{flex-direction:column;gap:16px;width:100%}.btn-selesai,.btn-lanjut{width:100%;text-align:center}}