:root{--color-primary:#005b8e;--color-secondary:#6ab5a8;--color-accent:#eac24e;--bg-cream:#fffef5;--bg-white:#fff;--bg-chat-area:#eef7f6;--text-dark:#2c3e50;--text-muted:#7f8c8d;--font-judul:"Kalam", "Comic Sans MS", "Comic Sans";--font-body:"Segoe UI", sans-serif}body,html{font-family:var(--font-body);background:var(--bg-cream);height:100%;color:var(--text-dark);margin:0;padding:0;position:relative}.hidden{display:none!important}.content-spacer{height:110px}.page-container{max-width:1000px;margin:0 auto;padding:20px;animation:.5s fadeIn}.hero-text{text-align:center;margin-bottom:40px}.hero-text h1{color:var(--color-primary);margin-bottom:10px;font-size:2.2rem;font-weight:800;line-height:1.2}.hero-text p{color:var(--text-muted);font-size:1.1rem}.grid-artikel{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-content:center;gap:25px;max-width:1100px;margin:0 auto;padding-top:20px;display:grid}.medium-list-wrapper{flex-direction:column;gap:40px;max-width:720px;margin:0 auto;display:flex}.btn-back-article{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:20px;margin-bottom:30px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-block}.btn-back-article:hover{background:var(--color-primary);color:#fff}.article-main-title{color:var(--text-dark);margin-bottom:10px;font-size:2.2rem;font-weight:800;line-height:1.2}.article-main-meta{color:var(--text-muted);border-bottom:1px solid #eee;align-items:center;margin-bottom:30px;padding-bottom:20px;font-size:.95rem;display:flex}.btn-share-link{cursor:pointer;color:#555;background:#eee;border:none;border-radius:6px;margin-left:15px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:background .2s}.btn-share-link:hover{color:#000;background:#ddd}.article-full-img{object-fit:cover;border-radius:8px;width:100%;height:auto;max-height:400px;margin-bottom:30px}.article-body-html{color:#2c3e50;font-family:Georgia,serif;font-size:1.15rem;line-height:1.8}.article-body-html p{margin-bottom:20px}.article-body-html h1,.article-body-html h2,.article-body-html h3{color:var(--text-dark);margin-top:40px;margin-bottom:15px;font-family:Segoe UI,sans-serif;font-weight:800}.article-body-html img{border-radius:8px;max-width:100%;height:auto;margin:20px 0}.article-body-html blockquote{border-left:5px solid var(--color-secondary);color:var(--text-dark);background:#fffbc9;border-radius:0 8px 8px 0;margin:30px 0;padding:20px;font-style:italic}.article-body-html table{border-collapse:collapse;table-layout:fixed;border:1px solid #ddd;width:100%;margin:25px 0;font-family:Segoe UI,sans-serif;font-size:.9rem;display:table;overflow-x:auto}@media (width<=600px){.article-body-html table{white-space:nowrap;display:block;overflow-x:auto}}.article-body-html th{background-color:var(--color-primary);color:#fff;text-align:center;padding:12px 15px}.article-body-html td{text-align:center;border-bottom:1px solid #eee;padding:12px 15px}.article-body-html tr:nth-of-type(2n){background-color:#f9f9f9}.reader-wrapper{background:var(--bg-cream);display:flex;position:fixed;inset:80px 0 0}.btn-back{background:var(--color-primary);color:#fff;cursor:pointer;z-index:101;border:none;border-radius:20px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:background .2s;position:absolute;top:-60px;left:20px;box-shadow:0 4px 10px #0000001a}.col-left{background:#fff;border-right:1px solid #eee;justify-content:center;width:40%;padding:20px;display:flex;overflow-y:auto}.timeline-img{object-fit:contain;border-radius:8px;align-self:flex-start;width:100%;height:auto;display:block}.col-right{background:var(--bg-chat-area);flex-direction:column;width:60%;padding:0;display:flex;position:relative;overflow:hidden}.chat-header-profile{box-sizing:border-box;z-index:50;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:flex-start;gap:15px;width:100%;height:90px;padding-top:28px;padding-left:25px;padding-right:25px;display:flex}.profile-avatar{object-fit:scale-down;border:2px solid #eef7f6;border-radius:50%;width:48px;height:48px;padding:1px}.profile-info{flex-direction:column;margin-top:5px;display:flex}.profile-name{color:var(--text-dark);font-size:1rem;font-weight:800;line-height:1.2}.profile-status{color:var(--color-secondary);align-items:center;font-size:.8rem;font-weight:600;display:flex}.profile-status:before{content:"";background-color:#2ecc71;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}#chat-container{scroll-behavior:smooth;flex-direction:column;flex:1;padding:30px;display:flex;overflow-y:auto}.chat-bubble{border-radius:18px;max-width:80%;margin-bottom:18px;padding:14px 20px;font-size:.98rem;line-height:1.6;animation:.3s ease-out slideUp;position:relative}.chat-bubble.is-bot{color:var(--text-dark);border-left:4px solid var(--color-secondary);background:#fff;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 2px 8px #00000008}.chat-bubble.is-user{background:var(--color-secondary);color:#fff;text-align:left;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 4px 10px #6ab5a840}.chat-bubble b{color:var(--color-primary)}.chat-bubble a{font-weight:700;text-decoration:underline;transition:opacity .2s}.chat-bubble a:hover{opacity:.8}.chat-bubble.is-bot a{color:var(--color-primary)}.chat-bubble.is-user a{color:#fffef5;text-decoration-color:var(--color-accent)}.btn-options-wrapper{flex-direction:column;align-items:flex-end;gap:12px;margin-bottom:40px;padding-right:10px;display:flex}.btn-next-chat{border:2px solid var(--color-secondary);width:auto;min-width:220px;max-width:75%;color:var(--color-primary);cursor:pointer;border-radius:12px 12px 4px;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:12px;padding:14px 55px 14px 20px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;background:#fffffff2!important;display:flex!important;box-shadow:0 4px #6ab5a833!important}.reply-text-span{text-align:left;width:100%;line-height:1.3}.send-icon-img{background:var(--color-secondary);stroke:#fff;stroke-width:2.5px;opacity:1;border-radius:50%;width:20px;height:20px;margin:0;padding:8px;transition:all .3s;position:absolute;bottom:50%;right:12px;transform:translateY(50%);box-shadow:0 2px 5px #0000001a}.btn-next-chat:hover{color:#fff;border-color:var(--color-secondary);transform:translateY(2px);background-color:var(--color-secondary)!important;box-shadow:0 1px #6ab5a81a!important}.btn-next-chat:hover .send-icon-img{stroke:var(--color-secondary);background:#fff;transform:translateY(50%)scale(1.1)rotate(-10deg)}.btn-next-chat:active{transform:scale(.98)}.typing-indicator{border-left:4px solid var(--color-secondary);background-color:#fff;border-radius:20px 20px 20px 4px;width:fit-content;margin-bottom:10px;padding:15px 20px;animation:.3s ease-out slideUp;display:inline-block;box-shadow:0 2px 8px #00000008}.typing-indicator.is-user{background-color:var(--color-secondary);border-left:none;border-bottom-right-radius:4px;border-bottom-left-radius:20px;align-self:flex-end;box-shadow:0 4px 10px #6ab5a840}.typing-dot{background-color:#b0b0b0;border-radius:50%;width:8px;height:8px;margin-right:4px;animation:1.4s ease-in-out infinite both typing;display:inline-block}.typing-indicator.is-user .typing-dot{background-color:#fff}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.about-wrapper{background:#fff;border-radius:20px;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 10px 40px #0000000a}.about-header{text-align:center;color:var(--color-primary);background:#fff;padding:50px 30px}.about-header img{filter:drop-shadow(0 4px 6px #0003);height:150px;margin-bottom:15px}.about-header h2{margin:0;font-size:1.8rem;font-weight:800}.about-role{color:var(--color-accent);margin-top:5px;font-family:Georgia,serif;font-size:1.1rem;font-style:italic}.about-body{padding:40px 30px}.about-text{color:var(--text-dark);text-align:justify;margin-bottom:30px;font-size:1.05rem;line-height:1.8}.about-text b{color:var(--color-primary);font-weight:700}.mission-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0;display:grid}.mission-item{background:var(--bg-chat-area);text-align:center;border:1px solid #0000000d;border-radius:12px;padding:25px 20px;transition:transform .2s}.mission-item:hover{border-color:var(--color-secondary);transform:translateY(-5px)}.mission-num{background:var(--color-secondary);color:#fff;border-radius:50%;width:30px;height:30px;margin-bottom:10px;font-weight:700;line-height:30px;display:inline-block}.mission-title{color:var(--color-primary);margin-bottom:8px;font-size:1.1rem;font-weight:800;display:block}.mission-desc{color:var(--text-muted);font-size:.9rem;line-height:1.4}.mantra-box{text-align:center;border:2px dashed var(--color-accent);color:var(--text-dark);background:#fffef5;border-radius:12px;margin-top:30px;padding:20px;font-weight:600}.mantra-box b{color:var(--color-primary);font-weight:700}#view-home{z-index:1;position:relative}#view-home:before{content:"";opacity:.1;z-index:0;pointer-events:none;background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}#view-home>*{z-index:2;position:relative}@media (width<=768px){.grid-artikel{grid-template-columns:repeat(2,1fr);gap:15px}.reader-wrapper{flex-direction:column;top:60px}.col-left{border-bottom:1px solid #ddd;width:100%;height:35%;padding:15px}.col-right{width:100%;height:65%;padding:0}.logo-img{height:40px}.navbar{height:60px}.btn-back{top:-45px}.about-body{padding:25px}.mission-grid{grid-template-columns:1fr}}.menu-card{cursor:pointer;background-color:#fffbc9;border:none;border-radius:4px;flex-direction:column;max-width:260px;height:100%;margin:0 auto;padding-bottom:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;transform:rotate(0);box-shadow:0 1px 1px #0000001a,0 4px 10px #00000012}.menu-card:hover{z-index:10;background-color:#fffeeb;transform:translateY(-6px)rotate(1deg)scale(1.02);box-shadow:0 10px 25px #0000001a,0 4px 8px #0000000d}.menu-card.is-pinned{transform:rotate(-1.5deg);background-color:#ffe4e1!important;box-shadow:0 6px 15px #0000001f!important}.menu-card.is-pinned:hover{transform:translateY(-6px)rotate(-.5deg)scale(1.02);background-color:#fff0ed!important}.menu-card-badge{z-index:20;background:radial-gradient(circle at 30% 30%,#ff7675,#d63031);border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000004d,1px 3px 4px #0000001a}.menu-card-img{object-fit:cover;background:#fff;border:3px solid #fff;border-radius:2px;width:calc(100% - 20px);height:150px;margin:10px auto 0;box-shadow:0 1px 2px #0000001a}.menu-card-body{flex-direction:column;flex:1;padding:12px 15px 8px;display:flex}.menu-card-tag{color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;background:#0000000d;border-radius:3px;align-self:flex-start;margin-bottom:6px;padding:2px 6px;font-family:Segoe UI,sans-serif;font-size:.65rem;font-weight:800;display:inline-block}.menu-card-title{color:#2d3436;margin:0 0 6px;font-size:1.25rem;font-weight:700;line-height:1.2;font-family:var(--font-judul), "Kalam", cursive!important}.menu-card-desc{color:#555;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:auto;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden;font-family:var(--font-judul) , "Kalam", cursive!important}.article-item{cursor:pointer;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:20px;width:100%;padding-bottom:30px;transition:opacity .2s;display:flex}.article-item:hover{opacity:.7}.article-item-text{flex:1}.article-item-title{color:#2c3e50;font-size:1.25rem;font-weight:800;line-height:1.3;font-family:var(--font-judul), sans-serif;margin:0 0 8px}.article-item-snippet{color:#7f8c8d;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-family:Georgia,serif;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-item-meta{color:#999;font-family:Segoe UI,sans-serif;font-size:.8rem;font-weight:500}.article-item-img-box{flex-shrink:0;width:100px;height:100px}.article-item-img{object-fit:cover;background:#f0f0f0;border:1px solid #0000000d;border-radius:4px;width:100%;height:100%}@media (width<=768px){.article-item{flex-direction:column-reverse;align-items:flex-start}.article-item-img-box{width:100%;height:180px;margin-bottom:10px}}.navbar[data-astro-cid-l7arcky5]{z-index:100;backdrop-filter:blur(10px);background:#fffef5fa;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;height:80px;padding:10px 30px;display:flex;position:fixed;top:0;left:0;right:0}.logo-img[data-astro-cid-l7arcky5]{cursor:pointer;width:auto;height:60px;transition:transform .2s}.logo-img[data-astro-cid-l7arcky5]:hover{transform:scale(1.05)}.menu[data-astro-cid-l7arcky5]{align-items:center;display:flex}.menu[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{color:var(--text-dark);margin-left:20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.menu[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover{color:var(--color-primary)}@media (width<=768px){.logo-img[data-astro-cid-l7arcky5]{height:40px}.navbar[data-astro-cid-l7arcky5]{height:60px}}.site-footer[data-astro-cid-jo6i4kqk]{background-color:#005b8e08;border-top:1px solid #005b8e1f;margin-top:90px;padding:55px 24px 28px}.footer-inner[data-astro-cid-jo6i4kqk]{max-width:1080px;margin:0 auto}.footer-top[data-astro-cid-jo6i4kqk]{grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:32px;display:grid}@media (width<=720px){.site-footer[data-astro-cid-jo6i4kqk]{padding-top:40px}.footer-top[data-astro-cid-jo6i4kqk]{text-align:center;grid-template-columns:1fr;gap:30px}}.footer-title[data-astro-cid-jo6i4kqk]{font-family:var(--font-judul);color:var(--color-primary);font-size:1.6rem;line-height:1;display:block}.footer-tagline[data-astro-cid-jo6i4kqk]{color:var(--text-dark);margin:10px 0 0;font-size:.9rem;font-weight:700}.footer-blurb[data-astro-cid-jo6i4kqk]{color:var(--text-muted);max-width:34ch;margin:10px 0 0;font-size:.85rem;line-height:1.65}@media (width<=720px){.footer-blurb[data-astro-cid-jo6i4kqk]{max-width:none}}.footer-heading[data-astro-cid-jo6i4kqk]{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dark);margin:4px 0 14px;font-size:.72rem;font-weight:800}.footer-kolom[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk]{margin:0;padding:0;list-style:none}.footer-kolom[data-astro-cid-jo6i4kqk] li[data-astro-cid-jo6i4kqk]{margin-bottom:9px}.footer-kolom[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--text-muted);align-items:center;gap:7px;font-size:.87rem;text-decoration:none;transition:color .2s;display:inline-flex}.footer-kolom[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--color-primary)}@media (width<=720px){.footer-kolom[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{justify-content:center}}.ikon[data-astro-cid-jo6i4kqk]{fill:currentColor;flex-shrink:0;width:15px;height:15px}.footer-bawah[data-astro-cid-jo6i4kqk]{color:var(--text-muted);border-top:1px solid #005b8e1a;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:.8rem;display:flex}@media (width<=720px){.footer-bawah[data-astro-cid-jo6i4kqk]{flex-direction:column}}.footer-admin[data-astro-cid-jo6i4kqk]{color:var(--text-muted);opacity:.4;font-size:.95rem;text-decoration:none;transition:opacity .2s}.footer-admin[data-astro-cid-jo6i4kqk]:hover{opacity:1}