@font-face{font-family:hidayatullah;src:url(./hidayatullah-Bi3Yc75z.ttf)format("truetype");font-weight:400;font-style:normal}:root{--overlay-color:#ffffffb3;--text-color:#333;--heading-color:#000;--bg-color:#f0f0f0;--bubble-label-color:#333;--bubble-label-shadow:0 0 4px white}body,html{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{width:100%}h1,h2,h3,.bubble-label,.nav-btn,.close-btn,.transform-btn,.growth-label{font-family:hidayatullah,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1,h2,h3{color:var(--heading-color)}h1{font-size:3.5rem}h2{font-size:3rem}h3{font-size:2.2rem}.panel{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.panel:before{content:"";background-color:var(--overlay-color);z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.panel>*{z-index:1;position:relative}.content{text-align:center;flex-direction:column;align-items:center;max-width:1000px;display:flex}.bubble-container{margin-bottom:2rem}.bubble{cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;transition:transform .3s;display:flex;position:relative;overflow:visible}.bubble svg{filter:url(#gooey);isolation:isolate;width:100%;height:100%}@keyframes blob-float{0%,to{border-radius:60% 40% 70% 30%/40% 50% 60% 40%;transform:translate(0)}25%{border-radius:40% 60% 30% 70%/60% 40% 40% 60%;transform:translate(5px,-10px)}50%{border-radius:70% 30% 50% 50%/30% 70% 50% 50%;transform:translate(-5px,5px)}75%{border-radius:30% 70% 40% 60%/70% 30% 60% 40%;transform:translate(10px)}}.bubble-label{color:var(--bubble-label-color);pointer-events:none;text-shadow:var(--bubble-label-shadow);font-size:1.2rem;font-weight:700;position:absolute;bottom:10%}.text-content{padding:0 2rem}.is-intro .text-content{font-size:1.5rem;font-weight:700}.hint{color:#888;font-size:.8rem;animation:2s infinite bounce;position:absolute;bottom:2rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.graph-container{width:100%;height:80%;position:relative}.columns{z-index:1;pointer-events:none;justify-content:space-around;width:100%;display:flex;position:absolute;top:10%}.column{text-align:center;flex:1}#content-overlay{z-index:3000;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background-color:#fff;width:100%;height:100vh;padding:2rem;transition:transform .5s ease-in-out,opacity .5s ease-in-out;display:block;position:fixed;top:0;left:0;overflow-y:auto}#content-overlay.hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.overlay-header{flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto 2rem;display:flex}.overlay-header svg{isolation:isolate}.overlay-bubble{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1rem;display:flex;overflow:hidden}.overlay-bubble img{object-fit:cover;width:100%;height:100%}.markdown-content{width:100%;max-width:800px;margin:0 auto;line-height:1.6}.markdown-content img{border-radius:8px;max-width:100%;height:auto;margin:1rem 0;box-shadow:0 4px 10px #0000001a}.markdown-content pre{background:#2d2d2d;border-radius:8px;margin:1.5rem 0;padding:1rem;overflow-x:auto}.markdown-content code{font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.9rem}.mermaid{background:#fff;border-radius:8px;justify-content:center;margin:1.5rem 0;padding:1rem;display:flex;box-shadow:0 4px 10px #0000000d}.content-related-image{border-radius:12px;width:calc(100% - 2rem);max-width:100%;margin:2rem auto;display:block;box-shadow:0 8px 20px #00000026}.close-btn{cursor:pointer;z-index:3001;background:#eee;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;padding:.8rem 1.2rem;font-weight:700;transition:background .3s;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 2px 5px #0003}.close-btn:hover{background:#ddd}svg.connections{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.connection-line{stroke:#333;stroke-width:2.5px;fill:none;opacity:.6;vector-effect:non-scaling-stroke}.bubble-wrapper{transition:all .5s}.main-nav{z-index:2000;align-items:center;gap:1.5rem;display:flex;position:fixed;top:2rem;right:2rem}.lang-btn{color:#333;cursor:pointer;background:#fff;border:none;border-radius:25px;padding:.6rem .8rem;font-size:.8rem;font-weight:700;transition:all .3s;box-shadow:0 2px 10px #0000001a}.lang-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.desktop-nav{gap:1rem;display:flex}.nav-btn{color:#333;background:#fff;border-radius:30px;padding:.8rem 1.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 2px 10px #0000001a}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.nav-btn.active-section{display:none}.mobile-nav{align-items:center;gap:1rem;display:none}.hamburger{cursor:pointer;z-index:2001;background:#fff;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:45px;height:45px;display:flex;position:relative;box-shadow:0 2px 10px #0000001a}.hamburger span{background:#333;width:20px;height:2px;transition:all .3s;display:block}.hamburger.active span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu{z-index:2000;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:translate(100%)}.mobile-menu.active{transform:translate(0)}.mobile-menu a{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none}@media (width<=768px){.desktop-nav{display:none}.mobile-nav{display:flex}.main-nav{top:1rem;right:1rem}}