.footer[data-v-25ead7c4]{margin-top:40px;padding:25px;background:linear-gradient(90deg,#ffb347,#fc3);color:#2c3e50;text-align:center;border-radius:20px 20px 0 0}.footer h3[data-v-25ead7c4]{margin:0;font-size:20px}.footer p[data-v-25ead7c4]{margin-top:8px;font-size:14px;opacity:.95}.mobile-menu[data-v-b5c3097c]{position:fixed;bottom:0;left:0;width:100%;height:65px;background:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -4px 15px #00000014;z-index:9999}.menu-item[data-v-b5c3097c]{text-decoration:none;font-size:22px;color:#555;transition:.2s}.menu-item.active[data-v-b5c3097c]{color:#4caf50;transform:scale(1.2)}.layout[data-v-c1bac3df]{display:flex;min-height:100vh}.content-wrapper[data-v-c1bac3df]{flex:1;display:flex;flex-direction:column;padding-bottom:70px}.content-wrapper[data-v-c1bac3df]>:first-child{flex:1}.container[data-v-7754d52b]{text-align:center;padding:30px}.circle-wrapper[data-v-7754d52b]{margin:30px 0}.result h1[data-v-7754d52b]{font-size:40px;color:#5b5ce2}.bar-section[data-v-7754d52b]{margin-top:20px}.bar-group[data-v-7754d52b]{margin-bottom:30px}.bars[data-v-7754d52b]{display:flex;gap:15px;margin:15px 0}.bar[data-v-7754d52b]{flex:1;height:50px;border-radius:12px;background:#ddd;cursor:pointer;transition:all .3s ease}.bar.orange[data-v-7754d52b]{border:2px solid #ff7a00}.bar.orange.active[data-v-7754d52b]{background:#ffd2a8}.bar.green[data-v-7754d52b]{border:2px solid #27ae60}.bar.green.active[data-v-7754d52b]{background:#a9dfbf}.bar.blue[data-v-7754d52b]{border:2px solid #2e6cff}.bar.blue.active[data-v-7754d52b]{background:#a9c4ff}.fraction[data-v-7754d52b]{font-size:22px;font-weight:700;margin-top:10px}.orange-text[data-v-7754d52b]{color:#ff7a00}.green-text[data-v-7754d52b]{color:#27ae60}.blue-text[data-v-7754d52b]{color:#2e6cff}.tips[data-v-7754d52b]{margin-top:20px;padding:15px;background:#ffe9cc;border-radius:12px}.compare-container[data-v-7754d52b]{display:flex;align-items:center;justify-content:space-around;margin:30px 0;flex-wrap:wrap}.fraction-box[data-v-7754d52b]{text-align:center}.mini-bars[data-v-7754d52b]{display:flex;gap:10px;margin:15px 0}.mini[data-v-7754d52b]{width:45px;height:60px;border-radius:10px;background:#ddd;cursor:pointer;transition:.3s}.mini.pink[data-v-7754d52b]{border:2px solid #e84393}.mini.pink.active[data-v-7754d52b]{background:#ff9ecf}.mini.green[data-v-7754d52b]{border:2px solid #27ae60}.mini.green.active[data-v-7754d52b]{background:#7bed9f}.vs[data-v-7754d52b]{font-size:40px;font-weight:700;opacity:.3}.compare-result-box[data-v-7754d52b]{margin-top:20px;padding:15px;background:#fff3c4;border-radius:12px;font-weight:700;font-size:18px}.compare-note[data-v-7754d52b]{margin-top:15px;padding:12px;background:#ffd6e7;border-radius:10px}.video-page[data-v-5733ae19]{min-height:100vh;background:linear-gradient(135deg,#8e44ad,#d63384);display:flex;justify-content:center;align-items:center;padding:40px}.video-card[data-v-5733ae19]{background:#fff;width:800px;max-width:100%;border-radius:20px;padding:30px;box-shadow:0 15px 40px #0003;text-align:center}.subtitle[data-v-5733ae19]{color:#777;margin-bottom:20px}.video-player[data-v-5733ae19]{width:100%;border-radius:15px;margin-bottom:20px}.video-desc[data-v-5733ae19]{text-align:left;margin-top:20px}.video-desc ul[data-v-5733ae19]{padding-left:20px}.btn-back[data-v-5733ae19]{margin-top:25px;padding:10px 20px;border:none;background:#8e44ad;color:#fff;border-radius:10px;cursor:pointer;transition:.3s}.btn-back[data-v-5733ae19]:hover{background:#732d91}.divider-demo[data-v-5733ae19]{margin-top:40px;padding:30px;background:#f4f0ff;border-radius:20px;text-align:center}.circle-container[data-v-5733ae19]{margin:20px 0}.btn-group[data-v-5733ae19]{margin-top:15px}.btn-group button[data-v-5733ae19]{margin:0 10px;padding:10px 20px;border:none;border-radius:12px;background:linear-gradient(45deg,#6c5ce7,#d63384);color:#fff;cursor:pointer;font-weight:700;transition:.3s}.btn-group button[data-v-5733ae19]:hover{transform:scale(1.1)}.info-text[data-v-5733ae19]{margin-top:15px;font-weight:500}.lkpd-container[data-v-259ae659]{padding:30px}.lkpd-container-sub[data-v-259ae659]{padding:300px}.header[data-v-259ae659]{background:linear-gradient(90deg,#2ecc71,#16a085);color:#fff;padding:25px;border-radius:20px;margin-bottom:30px;position:relative}.score[data-v-259ae659]{position:absolute;right:25px;top:25px;font-size:20px;font-weight:700}.card[data-v-259ae659]{padding:25px;border-radius:20px;margin-bottom:30px;background:#f4f6f8;position:relative;display:flex;align-items:center}.content[data-v-259ae659]{width:100%;text-align:center}.card[data-v-259ae659]{min-height:280px}.number[data-v-259ae659]{position:absolute;left:-15px;top:-15px;background:#3498db;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.blue[data-v-259ae659]{border:2px solid #3498db}.yellow[data-v-259ae659]{border:2px solid #f1c40f}.pink[data-v-259ae659]{border:2px solid #e84393}.visual-row[data-v-259ae659]{display:flex;gap:10px;margin:15px 0;justify-content:center}.box[data-v-259ae659]{width:40px;height:40px;background:#ccc;border-radius:6px}.box.active[data-v-259ae659]{background:#3498db}.options button[data-v-259ae659]{margin:8px;padding:10px 20px;border-radius:10px;border:none;cursor:pointer}.match-area[data-v-259ae659]{display:flex;justify-content:center;gap:60px;margin-top:20px}.fraction-item[data-v-259ae659]{padding:12px;border:2px solid #f1c40f;border-radius:10px;margin-bottom:10px;cursor:pointer}.fraction-item.active[data-v-259ae659]{background:#fff3cd}.fraction-item.done[data-v-259ae659]{background:#d4edda}.visual-choice[data-v-259ae659]{display:flex;gap:5px;padding:10px;border:2px solid #ddd;border-radius:10px;margin-bottom:10px;cursor:pointer}.visual-choice.done[data-v-259ae659]{background:#d4edda}.mini[data-v-259ae659]{width:25px;height:25px;background:#ccc;border-radius:4px}.mini.active[data-v-259ae659]{background:orange}.answer-row[data-v-259ae659]{display:flex;gap:10px;margin-top:15px;align-items:center;justify-content:center}.answer-row input[data-v-259ae659]{width:60px;padding:8px;text-align:center}.answer-row button[data-v-259ae659]{padding:8px 15px;background:#e84393;color:#fff;border:none;border-radius:8px;cursor:pointer}.success[data-v-259ae659]{margin-top:15px;background:#d4edda;padding:10px;border-radius:8px}.asesmen-container[data-v-381b15ae]{padding:30px}.header[data-v-381b15ae]{background:linear-gradient(90deg,#f39c12,#f1c40f);padding:25px;border-radius:20px;margin-bottom:30px;color:#fff;position:relative}.score[data-v-381b15ae]{position:absolute;right:25px;top:25px;font-size:20px;font-weight:700}.card[data-v-381b15ae]{padding:25px;border-radius:20px;margin-bottom:30px;background:#f9f9f9}.blue[data-v-381b15ae]{border:2px solid #3498db}.green[data-v-381b15ae]{border:2px solid #2ecc71}.purple[data-v-381b15ae]{border:2px solid #9b59b6}.soal-title[data-v-381b15ae]{font-weight:700;margin-bottom:10px}.options[data-v-381b15ae]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.options button[data-v-381b15ae]{padding:12px;border-radius:12px;border:2px solid #ddd;background:#eee;cursor:pointer;transition:.3s}.correct[data-v-381b15ae]{background:#d4edda!important;border:2px solid #28a745!important}.wrong[data-v-381b15ae]{background:#f8d7da!important;border:2px solid #dc3545!important}.message[data-v-381b15ae]{margin-top:15px;padding:12px;border-radius:12px}.correct-msg[data-v-381b15ae]{background:#d4edda;color:#155724}.wrong-msg[data-v-381b15ae]{background:#f8d7da;color:#721c24}.circle-container[data-v-381b15ae]{display:flex;justify-content:center;margin:20px 0}.circle-8[data-v-381b15ae]{width:160px;height:160px;border-radius:50%;background:conic-gradient(#ec4899 0deg 225deg,#e5e7eb 225deg 360deg);border:4px solid #6366f1}.header[data-v-42dc1678]{background:linear-gradient(90deg,#6366f1,#a855f7);padding:20px;border-radius:20px;color:#fff;margin-bottom:20px}.intro-card[data-v-42dc1678]{background:#f1f5f9;padding:20px;border-radius:20px;margin-bottom:25px}.intro-content[data-v-42dc1678]{display:flex;gap:20px;align-items:center}.emoji-big[data-v-42dc1678]{font-size:40px}.card[data-v-42dc1678]{padding:20px;border-radius:20px;margin-bottom:25px}.box[data-v-42dc1678]{background:#f8fafc;padding:15px;border-radius:15px;margin-top:10px}textarea[data-v-42dc1678]{width:100%;min-height:90px;padding:10px;border-radius:12px;border:2px solid #e5e7eb;margin-top:10px;resize:vertical}.blue[data-v-42dc1678]{border:2px solid #93c5fd;background:#eff6ff}.green[data-v-42dc1678]{border:2px solid #86efac;background:#f0fdf4}.yellow[data-v-42dc1678]{border:2px solid #fde047;background:#fefce8}.pink[data-v-42dc1678]{border:2px solid #f9a8d4;background:#fdf2f8}.purple[data-v-42dc1678]{border:2px solid #c4b5fd;background:#f5f3ff}.self[data-v-42dc1678]{border:2px solid #5eead4;background:#ecfeff}.rating-item[data-v-42dc1678]{margin-bottom:20px}.emoji-group[data-v-42dc1678]{display:flex;gap:15px;margin-top:10px}.emoji[data-v-42dc1678]{font-size:26px;cursor:pointer;padding:8px 12px;border-radius:10px;transition:.2s}.emoji[data-v-42dc1678]:hover{background:#e0f2fe}.active[data-v-42dc1678]{background:#bbf7d0}.btn-save[data-v-42dc1678]{width:100%;padding:18px;border-radius:18px;border:none;font-weight:700;background:linear-gradient(90deg,#6366f1,#a855f7);color:#fff;margin-bottom:15px;cursor:pointer}.btn-home[data-v-42dc1678]{width:100%;padding:18px;border-radius:18px;border:none;font-weight:700;background:linear-gradient(90deg,#3b82f6,#22c55e);color:#fff;cursor:pointer}html,body{height:100%;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Comic Sans MS,sans-serif;background:linear-gradient(180deg,#dbeafe,#f0f9ff);min-height:100vh;color:#334155}.page{padding:30px;max-width:1200px;margin:auto}.container{padding:25px}.navbar{background:linear-gradient(90deg,#60a5fa,#38bdf8);padding:20px;border-radius:25px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px #0284c7;flex-wrap:wrap;gap:10px}.navbar .logo{font-weight:700;font-size:18px}.navbar .logo span{font-size:12px;opacity:.9;display:block}.menu{display:flex;flex-wrap:wrap;gap:8px}.menu button{padding:8px 14px;border-radius:20px;border:none;cursor:pointer;font-weight:600;background:#fff;color:#2563eb;transition:.2s}.menu button:hover{background:#e0f2fe;transform:translateY(-2px)}.menu .active{background:#fef08a;color:#92400e}.score{background:#fff3;padding:8px 14px;border-radius:20px;font-weight:700}.hero{text-align:center;margin:50px 0}.hero h1{font-size:32px;color:#1d4ed8}.hero p{font-size:18px;margin-top:10px;color:#475569}.hero .card{background:#fff;padding:20px;margin:25px auto;border-radius:25px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 20px #0000000d;max-width:500px;transition:.3s}.hero .card:hover{transform:translateY(-5px)}.hero .icon{font-size:40px}.section{margin:40px 0;text-align:center}.section h2{margin-bottom:20px;font-size:24px;color:#1e3a8a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,250px));gap:20px;justify-content:center}.card-step{padding:20px;border-radius:25px;min-height:150px;text-align:center;box-shadow:0 6px 15px #0000000d;transition:.3s;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.card-step:hover{transform:translateY(-5px)}.orange{background:#fecaca;color:#7f1d1d}.blue{background:#bfdbfe;color:#1e3a8a}.purple{background:#ddd6fe;color:#4c1d95}.green{background:#bbf7d0;color:#14532d}.yellow{background:#fef9c3;color:#78350f}.violet{background:#e9d5ff;color:#581c87}.progress-section{background:#38bdf8;padding:20px;border-radius:25px;color:#fff;box-shadow:0 8px #0284c7;margin-top:40px}.progress-header{display:flex;justify-content:space-between;font-weight:700}.progress-bar{background:#e0f2fe;height:15px;border-radius:20px;margin-top:10px;overflow:hidden}.progress-fill{width:30%;height:100%;background:#facc15;border-radius:20px}.objective{margin-top:40px;background:#fff;padding:25px;border-radius:25px;box-shadow:0 10px 20px #0000000d}.objective h3{margin-bottom:10px;color:#1e3a8a}.objective ul{padding-left:20px;text-align:left}.objective li{margin-bottom:8px}@media(max-width:1024px){.layout{flex-direction:column}.sidebar{width:100%;border-radius:0;padding:15px}.sidebar.collapsed{width:100%}.menu-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.menu-grid::-webkit-scrollbar{display:none}.menu-card{min-width:85px;min-height:85px;padding:10px;border-radius:18px}.menu-icon{font-size:26px}.menu-card span{font-size:11px}.main-content,.page{padding:20px}.container{padding:15px}.navbar{flex-direction:column;align-items:flex-start;gap:10px}.menu{width:100%;flex-wrap:wrap}.menu button{flex:1 1 auto}.hero{margin:30px 0}.hero h1{font-size:22px}.hero p{font-size:16px}.hero .card{flex-direction:column;text-align:center}.hero .icon{font-size:30px}.grid{grid-template-columns:1fr}.progress-header{flex-direction:column;gap:5px}.fraction-demo-modern-sub{width:100%}.fraction-card{width:150px;height:200px}.top-number,.bottom-number{font-size:50px}.compare-box{flex-direction:column;gap:15px}.circle{width:100px;height:100px}.bar-demo{flex-direction:column}.bar{height:20px}}html,body{height:100%}.layout{display:flex;min-height:100vh}.sidebar{width:200px;background:linear-gradient(180deg,#38bdf8,#6366f1);padding:20px;border-top-right-radius:30px;border-bottom-right-radius:30px;color:#fff;transition:width .3s ease,padding .3s ease;overflow:hidden}.sidebar.collapsed{width:90px;padding:20px 10px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.toggle-btn{background:#fff;border:none;padding:5px 10px;border-radius:10px;cursor:pointer;font-size:16px}.menu-grid{display:grid;gap:10px}.menu-card{background:#ffffff26;border-radius:25px;padding:5px;text-align:center;cursor:pointer;transition:.3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu-card:hover{background:#fff;color:#2563eb;transform:translateY(-5px)}.menu-icon{font-size:35px;transition:.3s}.menu-card span{margin-top:5px;font-weight:400;font-size:12px}.sidebar.collapsed .menu-icon{font-size:32px}.sidebar.collapsed .menu-card span{display:none}.sidebar.collapsed .menu-card{padding:15px;min-height:80px;align-items:center}.menu-card:hover .menu-icon{animation:bounce .6s}@keyframes bounce{0%{transform:translateY(0)}30%{transform:translateY(-10px)}50%{transform:translateY(0)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}.router-link-active{background:#fff;color:#2563eb}a{text-decoration:none;color:inherit}.main-content{flex:1;padding:40px;overflow-x:hidden;transition:all .3s ease}.page-header{background:linear-gradient(90deg,#f97316,#fb923c);padding:20px;border-radius:20px;color:#fff;font-weight:700;margin-bottom:30px}.page-header p{font-weight:400;margin-top:5px}.problem-card{background:#fff;padding:25px;border-radius:25px;margin-bottom:30px;box-shadow:0 8px 20px #0000000d}.yellow-card{border:3px solid #fde047}.pink-card{border:3px solid #f9a8d4}.problem-card h3{margin-bottom:15px}.story-box{background:#f1f5f9;padding:15px;border-radius:15px;margin-bottom:20px}.pizza-img{font-size:80px;text-align:center;margin:20px 0}.kue-box{display:flex;justify-content:center;gap:10px;margin:20px 0}.kue{padding:15px 20px;border-radius:12px;font-weight:700;color:#fff}.kue.pink{background:#f472b6}.kue.yellow{background:#facc15}.kue.green{background:#4ade80}.question-box{background:#fef3c7;padding:15px;border-radius:15px}.question-box h4{margin-bottom:10px}.discussion-box{background:#e0f2fe;padding:20px;border-radius:20px;margin-bottom:30px}.next-btn{background:linear-gradient(90deg,#3b82f6,#22c55e);padding:15px;text-align:center;border-radius:15px;color:#fff;font-weight:700;cursor:pointer;transition:.3s}.next-btn:hover{transform:translateY(-3px)}.blue-header{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.materi-card{background:#fff;padding:25px;border-radius:20px;margin-bottom:25px;box-shadow:0 8px 20px #0000000d}.yellow-border{border:3px solid #fde047}.green-border{border:3px solid #4ade80}.purple-border{border:3px solid #c084fc}.orange-border{border:3px solid #fb923c}.pink-border{border:3px solid #f9a8d4}.concept-center{text-align:center}.concept-main{background:#3b82f6;color:#fff;padding:10px 20px;border-radius:20px;display:inline-block;margin-bottom:15px}.concept-tags{display:flex;justify-content:center;gap:10px}.tag{padding:6px 12px;border-radius:15px;font-size:14px;color:#fff}.tag.green{background:#22c55e}.tag.yellow{background:#facc15;color:#78350f}.tag.pink{background:#ec4899}.tag.dark{background:#374151}.fraction-demo-modern{position:relative;display:flex;justify-content:center;align-items:center;margin-top:30px;min-height:220px}.fraction-demo-modern-sub{position:relative;display:flex;justify-content:center;align-items:center;min-height:220px;width:100%;max-width:500px}.fraction-card{width:180px;height:220px;background:#cbd5e1;border-radius:25px;display:flex;flex-direction:column;justify-content:center;align-items:center}.top-number{font-size:70px;font-weight:700;color:#16a34a}.bottom-number{font-size:70px;font-weight:700;color:#d97706}.fraction-line{width:80px;height:6px;background:#1f2937;border-radius:10px;margin:10px 0}.label{position:absolute;padding:8px 14px;border-radius:15px;font-weight:600;font-size:14px;color:#fff;white-space:nowrap}.label.left{left:0}.label.left.bottom{bottom:10px}.label.right{right:0;top:50%;transform:translateY(-50%)}.green-label{background:#22c55e}.yellow-label{background:#facc15;color:#78350f}.dark-label{background:#374151}.circle-demo{text-align:center}.circle{width:120px;height:120px;border-radius:50%;border:4px solid #6366f1;margin:0 auto 15px;position:relative}.quarter{width:50%;height:50%;background:#6366f1;border-top-left-radius:100%}.result{color:#6366f1}.bar-demo{display:flex;gap:10px;margin-top:15px}.bar{flex:1;height:30px;background:#e5e7eb;border-radius:10px}.bar.filled{background:#fb923c}.compare-box{display:flex;justify-content:space-around;align-items:center}.vs{font-weight:700;font-size:20px}.compare-result{margin-top:15px;text-align:center;background:#fef3c7;padding:10px;border-radius:15px;font-weight:700}