{"id":34,"date":"2026-07-19T05:25:29","date_gmt":"2026-07-19T05:25:29","guid":{"rendered":"https:\/\/belajarastro.com\/memberplus\/?page_id=34"},"modified":"2026-07-19T05:25:44","modified_gmt":"2026-07-19T05:25:44","slug":"langganan","status":"publish","type":"page","link":"https:\/\/belajarastro.com\/memberplus\/langganan\/","title":{"rendered":"Langganan Astronomi+"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34\" class=\"elementor elementor-34\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84c8892 e-con-full e-flex e-con e-parent\" data-id=\"84c8892\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcf7a2c elementor-widget elementor-widget-shortcode\" data-id=\"bcf7a2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 ASTRONOMI+ MEMBER AREA \u2014 FULL FRAME \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.astro-ma-wrapper{\n    --c-bg:#ffffff;\n    --c-surface:rgba(255,255,255,.85);\n    --c-surface-hi:#ffffff;\n    --c-border:rgba(15,23,42,.08);\n    --c-border-strong:rgba(15,23,42,.14);\n    --c-text:#0f172a;\n    --c-dim:#475569;\n    --c-dim2:#64748b;\n    --c-accent:#0d9488;\n    --c-accent-soft:rgba(13,148,136,.12);\n    --c-accent2:#1a1c4b;\n    --c-danger:#dc2626;\n    --c-success:#059669;\n    --pad-x:48px;\n    \/* Ritme spacing tetap *\/\n    --gap-sm:16px;\n    --gap-md:24px;\n    --gap-lg:40px;\n    font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important;\n    background-color:#ffffff!important;\n    \/* Mint menempel di atas, memudar ke putih \u2192 header & hero satu zona *\/\n    background-image:linear-gradient(180deg,rgba(13,148,136,.13) 0%,rgba(13,148,136,.05) 55%,rgba(13,148,136,0) 100%)!important;\n    background-size:100% 560px!important;\n    background-repeat:no-repeat!important;\n    color:var(--c-text)!important;\n    position:relative!important;\n    isolation:isolate!important;\n    border-radius:0!important;\n    overflow:hidden!important;\n    padding:0!important;\n    line-height:1.55!important;\n    -webkit-font-smoothing:antialiased!important;\n    width:100%!important;max-width:100%!important;\n}\n.astro-ma-wrapper *{box-sizing:border-box!important;}\n.astro-ma-wrapper img.emoji{height:1em!important;width:1em!important;max-width:1em!important;margin:0 .05em 0 .1em!important;vertical-align:-0.1em!important;display:inline-block!important;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;}\n.astro-stars{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background-image:radial-gradient(circle at 85% 75%,rgba(26,28,75,.05) 0%,transparent 50%)!important;background-repeat:no-repeat!important;opacity:1!important;}\n.astro-inner{position:relative!important;z-index:1!important;padding:0 var(--pad-x) 150px!important;max-width:100%!important;width:100%!important;margin:0!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOCUS (aksesibilitas keyboard) \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.astro-ma-wrapper :focus{outline:none;}\n.astro-ma-wrapper :focus-visible{outline:2px solid var(--c-accent)!important;outline-offset:2px!important;border-radius:10px;}\n.astro-bottom-nav-btn:focus-visible{outline-offset:-2px!important;border-radius:100px!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER: putih, tanpa garis \u2192 menyatu dengan hero \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.astro-topbar{\n    display:flex!important;align-items:center!important;justify-content:space-between!important;\n    gap:12px!important;flex-wrap:wrap!important;\n    margin:0 calc(-1 * var(--pad-x)) 0!important;\n    padding:8px var(--pad-x)!important;\n    background:#ffffff!important;\n    border:none!important;\n    position:relative!important;z-index:5!important;\n}\n.astro-topbar-logo{\n    display:block!important;width:118px!important;max-width:118px!important;height:auto!important;\n    margin:0!important;background:var(--c-accent2)!important;border-radius:999px!important;\n    padding:6px 14px!important;box-shadow:0 4px 14px rgba(26,28,75,.18)!important;\n}\n.astro-topbar-right{display:flex!important;align-items:center!important;gap:12px!important;position:relative!important;margin-left:auto!important;}\n.astro-topbar-actions-desktop{display:flex!important;align-items:center!important;gap:12px!important;background:rgba(255,255,255,.9)!important;border:1px solid var(--c-border-strong)!important;border-radius:14px!important;padding:6px 8px!important;box-shadow:0 4px 14px rgba(15,23,42,.05)!important;}\n.astro-access-info{display:flex!important;flex-direction:column!important;justify-content:center!important;line-height:1.25!important;padding:2px 14px 2px 8px!important;border-right:1px solid var(--c-border)!important;}\n.astro-access-label{font-size:10px!important;color:var(--c-dim2)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;}\n.astro-access-date{font-size:13px!important;color:var(--c-text)!important;font-weight:700!important;}\n.astro-renew-link{font-size:12.5px!important;font-weight:700!important;color:#ffffff!important;background:var(--c-accent2)!important;padding:9px 18px!important;border-radius:10px!important;text-decoration:none!important;white-space:nowrap!important;transition:.2s!important;display:inline-block!important;margin:0!important;}\n.astro-renew-link:hover{background:#25286b!important;transform:translateY(-1px)!important;color:#fff!important;}\n.astro-btn-logout{color:var(--c-danger)!important;font-weight:600!important;text-decoration:none!important;padding:9px 16px!important;background:rgba(220,38,38,.06)!important;border:1px solid rgba(220,38,38,.18)!important;border-radius:10px!important;font-size:13px!important;white-space:nowrap!important;transition:.2s!important;display:inline-block!important;margin:0!important;}\n.astro-btn-logout:hover{background:rgba(220,38,38,.12)!important;border-color:rgba(220,38,38,.3)!important;}\n.astro-profile-trigger{display:none!important;align-items:center!important;gap:8px!important;background:rgba(255,255,255,.9)!important;border:1px solid var(--c-border-strong)!important;border-radius:100px!important;padding:9px 16px!important;font-weight:700!important;font-size:13px!important;color:var(--c-text)!important;cursor:pointer!important;font-family:inherit!important;}\n.astro-profile-trigger svg{width:16px!important;height:16px!important;fill:currentColor!important;}\n.astro-profile-dropdown{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;background:#ffffff!important;border:1px solid var(--c-border-strong)!important;border-radius:16px!important;padding:18px!important;min-width:250px!important;box-shadow:0 12px 40px rgba(15,23,42,.15)!important;z-index:200!important;display:none!important;}\n.astro-profile-dropdown.open{display:block!important;}\n.astro-profile-dropdown .astro-access-info{border-right:none!important;border-bottom:1px solid var(--c-border)!important;padding:0 0 12px 0!important;margin-bottom:12px!important;width:100%!important;}\n.astro-profile-dropdown .astro-renew-link,.astro-profile-dropdown .astro-btn-logout{display:block!important;width:100%!important;text-align:center!important;margin-bottom:8px!important;}\n.astro-profile-dropdown .astro-btn-logout{margin-bottom:0!important;}\n\n\/* Alerts *\/\n.astro-alert{padding:14px 18px!important;border-radius:12px!important;margin-bottom:var(--gap-sm)!important;font-weight:500!important;font-size:14px!important;border:1px solid transparent!important;}\n.astro-topbar + .astro-alert{margin-top:var(--gap-sm)!important;}\n.astro-alert.error{background:rgba(220,38,38,.08)!important;color:#991b1b!important;border-color:rgba(220,38,38,.2)!important;}\n.astro-alert.success{background:rgba(5,150,105,.08)!important;color:#065f46!important;border-color:rgba(5,150,105,.22)!important;}\n.astro-alert.info{background:rgba(13,148,136,.08)!important;color:#0f766e!important;border-color:rgba(13,148,136,.22)!important;}\n.astro-eyebrow{display:inline-block!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:var(--c-accent)!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(13,148,136,.3)!important;padding:8px 18px!important;border-radius:999px!important;margin-bottom:22px!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 LOGIN: FULL-FRAME + BENEFIT CARDS \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.astro-ma-wrapper--login{background:#ffffff!important;background-image:none!important;}\n.astro-ma-wrapper--login .astro-stars{display:none!important;}\n.astro-login-layout{\n    display:grid!important;\n    grid-template-columns:1.08fr .92fr!important;\n    min-height:100vh!important;\n    min-height:100dvh!important;\n    width:100%!important;\n    margin:0!important;padding:0!important;\n}\n.astro-login-brand{\n    display:flex!important;flex-direction:column!important;justify-content:center!important;\n    padding:40px 56px!important;position:relative!important;overflow:hidden!important;\n    background:linear-gradient(160deg,#ffffff 0%,#f0fdfa 100%)!important;\n}\n.astro-login-brand img{width:150px!important;margin-bottom:20px!important;background:var(--c-accent2)!important;border-radius:999px!important;padding:10px 18px!important;box-shadow:0 10px 30px rgba(26,28,75,.15)!important;}\n.astro-login-brand h1{font-size:42px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.12!important;margin:0 0 14px 0!important;background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}\n.astro-login-brand>p.lead{font-size:15.5px!important;color:var(--c-dim)!important;max-width:480px!important;margin:0!important;line-height:1.65!important;}\n.astro-login-benefits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;max-width:520px!important;margin-top:26px!important;}\n.astro-benefit{background:rgba(255,255,255,.85)!important;border:1px solid rgba(13,148,136,.18)!important;border-radius:14px!important;padding:14px 16px!important;transition:.2s!important;}\n.astro-benefit:hover{border-color:rgba(13,148,136,.4)!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(13,148,136,.1)!important;}\n.astro-benefit-icon{font-size:20px!important;margin-bottom:6px!important;display:block!important;line-height:1!important;}\n.astro-benefit h4{margin:0 0 4px!important;font-size:13px!important;font-weight:700!important;color:var(--c-text)!important;}\n.astro-benefit p{margin:0!important;font-size:12px!important;color:var(--c-dim)!important;line-height:1.45!important;}\n.astro-login-form-box{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%)!important;border-radius:40px 0 0 40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:48px 56px!important;box-shadow:-20px 0 60px rgba(15,23,42,.06)!important;}\n.astro-login-form-inner{width:100%!important;max-width:420px!important;}\n.astro-auth-card{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;}\n.astro-auth-card h2{font-size:26px!important;font-weight:800!important;margin:0 0 8px 0!important;color:var(--c-text)!important;letter-spacing:-.02em!important;}\n.astro-auth-card p.subtitle{color:var(--c-dim)!important;font-size:15px!important;margin:0 0 24px 0!important;}\n.astro-input{width:100%!important;padding:14px 16px!important;border:1px solid var(--c-border-strong)!important;border-radius:12px!important;margin-bottom:14px!important;font-size:15px!important;outline:none!important;background:#ffffff!important;color:var(--c-text)!important;font-family:inherit!important;transition:.2s!important;}\n.astro-input::placeholder{color:var(--c-dim2)!important;}\n.astro-input:focus{border-color:var(--c-accent)!important;box-shadow:0 0 0 4px rgba(13,148,136,.1)!important;}\n.astro-btn{background:var(--c-accent2)!important;color:#ffffff!important;border:1.5px solid var(--c-accent2)!important;padding:14px!important;border-radius:12px!important;cursor:pointer!important;font-size:15px!important;font-weight:700!important;width:100%!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:block!important;text-align:center!important;text-decoration:none!important;font-family:inherit!important;box-shadow:0 4px 12px rgba(26,28,75,.15)!important;}\n.astro-btn:hover{background:#25286b!important;border-color:#25286b!important;transform:translateY(-2px)!important;color:#fff!important;}\n.astro-btn-outline{background:rgba(255,255,255,.85)!important;border:1.5px solid #cbd5e1!important;color:var(--c-accent2)!important;padding:12px 16px!important;border-radius:12px!important;cursor:pointer!important;font-weight:700!important;font-family:inherit!important;transition:.2s!important;text-decoration:none!important;display:inline-block!important;}\n.astro-btn-outline:hover{border-color:var(--c-accent2)!important;background:#ffffff!important;}\n.astro-register-cta{text-align:center!important;margin-top:22px!important;font-size:13.5px!important;color:var(--c-dim)!important;border-top:1px solid var(--c-border)!important;padding-top:16px!important;}\n.astro-register-cta a{color:var(--c-accent)!important;font-weight:700!important;text-decoration:none!important;display:block!important;margin-top:6px!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO (hanya di Beranda) \u2014 satu zona dengan header \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.astro-view-section{display:none!important;}\n.astro-view-section.active{display:block!important;animation:astro-view-in .38s cubic-bezier(.2,.7,.2,1) backwards;}\n.astro-view-section.is-leaving{opacity:0!important;transform:translateY(-6px)!important;transition:opacity .16s ease,transform .16s ease!important;}\n@keyframes astro-view-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}\n.astro-view-pad{padding-top:var(--gap-md)!important;}\n\n.astro-hero-section{\n    background:linear-gradient(180deg,#ffffff 0%,rgba(255,255,255,0) 100%)!important;\n    padding:22px var(--pad-x) var(--gap-sm)!important;\n    margin:0 calc(-1 * var(--pad-x)) var(--gap-md)!important;\n    border:none!important;border-radius:0!important;position:relative!important;overflow:hidden!important;\n}\n.astro-hero-section::before{content:'\ud83e\ude90';position:absolute!important;top:14%;right:7%;font-size:46px;opacity:.14;pointer-events:none;animation:astro-hero-float 8s ease-in-out infinite;}\n.astro-hero-section::after{content:'\u2728';position:absolute!important;bottom:14%;right:17%;font-size:30px;opacity:.14;pointer-events:none;animation:astro-hero-float 7s ease-in-out infinite 1.4s;}\n@keyframes astro-hero-float{0%,100%{transform:translateY(0) rotate(-8deg);}50%{transform:translateY(-12px) rotate(6deg);}}\n.astro-hero-content{position:relative!important;z-index:1!important;max-width:760px!important;}\n.astro-hero-greet{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 4px!important;}\n.astro-hero-hello{font-size:19px!important;font-weight:800!important;letter-spacing:-.01em!important;color:var(--c-text)!important;margin:0!important;line-height:1.3!important;}\n.astro-tier-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.4px!important;color:var(--c-accent2)!important;background:#ffffff!important;border:1px solid rgba(13,148,136,.3)!important;padding:4px 11px!important;border-radius:999px!important;box-shadow:0 2px 8px rgba(13,148,136,.08)!important;}\n.astro-hero-sub{font-size:13px!important;color:var(--c-dim)!important;margin:0!important;line-height:1.5!important;}\n\n\/* Badges row \u2014 kini di dalam hero *\/\n.astro-badges-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:12px 0 0!important;}\n.astro-badge-chip{background:#ffffff!important;border:1px solid rgba(13,148,136,.25)!important;border-radius:999px!important;padding:5px 12px!important;font-size:12px!important;font-weight:700!important;color:var(--c-accent2)!important;box-shadow:0 2px 8px rgba(13,148,136,.08)!important;}\n\n\/* Section heads *\/\n.astro-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 var(--gap-sm)!important;gap:12px!important;flex-wrap:wrap!important;}\n.astro-section-head h3{font-size:20px!important;font-weight:800!important;color:var(--c-text)!important;margin:0!important;}\n.astro-section-head-sm{margin-bottom:14px!important;}\n.astro-section-head-sm h4{font-size:16px!important;font-weight:800!important;color:var(--c-text)!important;margin:0!important;}\n.astro-see-all,.astro-see-all-sm{background:rgba(255,255,255,.85)!important;border:1.5px solid #cbd5e1!important;color:var(--c-accent2)!important;padding:9px 18px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;font-family:inherit!important;transition:.2s!important;white-space:nowrap!important;text-decoration:none!important;display:inline-block!important;}\n.astro-see-all-sm{padding:7px 14px!important;font-size:12.5px!important;}\n.astro-see-all:hover,.astro-see-all-sm:hover{border-color:var(--c-accent2)!important;background:#ffffff!important;}\n.astro-content-block{margin-bottom:var(--gap-lg)!important;}\n.astro-cat-block{margin-bottom:var(--gap-md)!important;}\n\n\/* Peek-a-boo & library *\/\n.astro-peekaboo{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;}\n.astro-library-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:16px!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 INFO LANGIT \u2014 tinggi kartu sama (desktop) \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.astro-accordion{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;align-items:stretch!important;}\n.astro-accordion-item{background:#ffffff!important;border:1px solid var(--c-border)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(15,23,42,.04)!important;display:flex!important;flex-direction:column!important;height:100%!important;}\n.astro-accordion-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 20px!important;cursor:pointer!important;font-weight:700!important;font-size:15px!important;color:var(--c-text)!important;gap:12px!important;user-select:none!important;}\n.astro-accordion-header-left{display:flex!important;align-items:center!important;gap:12px!important;}\n.astro-accordion-icon{font-size:24px!important;line-height:1!important;}\n.astro-accordion-chevron{width:20px!important;height:20px!important;transition:transform .25s ease!important;fill:var(--c-dim)!important;}\n.astro-accordion-body{padding:0 20px!important;max-height:0!important;overflow:hidden!important;transition:max-height .35s ease,padding .35s ease!important;color:var(--c-dim)!important;font-size:14px!important;line-height:1.6!important;flex:1 1 auto!important;}\n.astro-accordion-item.open .astro-accordion-body{max-height:800px!important;padding:0 20px 22px!important;}\n.astro-accordion-item.open .astro-accordion-chevron{transform:rotate(180deg)!important;}\n.astro-acc-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 0!important;border-bottom:1px solid var(--c-border)!important;}\n.astro-acc-row:last-child{border-bottom:none!important;}\n.astro-acc-row strong{color:var(--c-text)!important;font-weight:700!important;}\n.astro-acc-event{padding:11px 0!important;border-bottom:1px solid var(--c-border)!important;}\n.astro-acc-event:first-of-type{padding-top:0!important;}\n.astro-acc-event:last-child{border-bottom:none!important;}\n.astro-acc-event-date{font-size:11px!important;color:var(--c-accent)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:3px!important;}\n.astro-acc-event-name{font-weight:700!important;color:var(--c-text)!important;font-size:14px!important;margin-bottom:2px!important;}\n.astro-acc-event-desc{font-size:12.5px!important;color:var(--c-dim)!important;line-height:1.5!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 SKELETON \/ LOADING \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes astro-shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}\n.astro-gcard-media,.astro-library-cover{\n    background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 50%,#eef2f6 75%)!important;\n    background-size:200% 100%!important;\n    animation:astro-shimmer 1.6s linear infinite!important;\n}\n.astro-gcard-media.is-img-error,.astro-library-cover.is-img-error{animation:none!important;background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;}\n.astro-ma-wrapper.astro-js-ready img[data-astro-img]:not(.is-loaded){opacity:0!important;}\n.astro-ma-wrapper img[data-astro-img]{transition:opacity .35s ease,transform .3s ease!important;}\n.astro-gcard-media:has(img.is-loaded),.astro-library-cover:has(img.is-loaded),.astro-gcard-media:has(.astro-ph),.astro-library-cover:has(.astro-ph){animation:none!important;}\n\/* Placeholder lokal (tanpa jaringan) untuk konten tanpa thumbnail *\/\n.astro-ph{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;}\n.astro-ph span{font-size:44px!important;font-weight:800!important;color:rgba(255,255,255,.4)!important;line-height:1!important;}\n\n\/* Cards & grid *\/\n.astro-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:20px!important;}\n.astro-grid-4{grid-template-columns:repeat(4,1fr)!important;}\n.astro-gcard{background:#ffffff!important;border:1px solid var(--c-border)!important;border-radius:16px!important;overflow:hidden!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;transition:.25s!important;position:relative!important;box-shadow:0 2px 6px rgba(15,23,42,.04)!important;}\n.astro-gcard:hover{transform:translateY(-4px)!important;border-color:rgba(13,148,136,.35)!important;box-shadow:0 16px 32px rgba(13,148,136,.12)!important;}\n.astro-gcard.astro-gcard-hidden{display:none!important;}\n.astro-gcard-media{aspect-ratio:16\/10!important;width:100%!important;overflow:hidden!important;position:relative!important;}\n.astro-gcard-media img{width:100%!important;height:100%!important;object-fit:cover!important;}\n.astro-gcard:hover .astro-gcard-media img{transform:scale(1.05)!important;}\n.astro-badge-new{position:absolute!important;top:10px!important;right:10px!important;background:var(--c-accent)!important;color:#ffffff!important;font-size:10px!important;font-weight:800!important;padding:5px 10px!important;border-radius:6px!important;text-transform:uppercase!important;z-index:2!important;}\n.astro-gcard-body{padding:16px!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:6px!important;}\n.astro-gcard-type{font-size:10.5px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.8px!important;color:var(--c-accent)!important;}\n.astro-gcard-title{font-size:14.5px!important;font-weight:700!important;color:var(--c-text)!important;margin:0!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}\n.astro-empty-state{text-align:center!important;padding:60px 30px!important;color:var(--c-dim)!important;background:#ffffff!important;border-radius:16px!important;border:1px dashed var(--c-border-strong)!important;grid-column:1\/-1!important;}\n.astro-katalog-empty{display:none!important;}\n.astro-katalog-empty.show{display:block!important;}\n\n\/* Library card *\/\n.astro-library-card{background:#ffffff!important;border:1px solid var(--c-border)!important;border-radius:14px!important;overflow:hidden!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;transition:.25s!important;box-shadow:0 2px 6px rgba(15,23,42,.04)!important;}\n.astro-library-card:hover{transform:translateY(-4px)!important;border-color:rgba(13,148,136,.35)!important;box-shadow:0 16px 32px rgba(13,148,136,.12)!important;}\n.astro-library-cover{aspect-ratio:3\/4!important;width:100%!important;overflow:hidden!important;}\n.astro-library-cover img{width:100%!important;height:100%!important;object-fit:cover!important;}\n.astro-library-card:hover .astro-library-cover img{transform:scale(1.05)!important;}\n.astro-library-title{padding:10px 12px 13px!important;font-size:12.5px!important;font-weight:700!important;color:var(--c-text)!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}\n\n\/* Category chips *\/\n.astro-cat-chip-row{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-bottom:var(--gap-md)!important;}\n.astro-cat-chip{background:#ffffff!important;border:1px solid var(--c-border-strong)!important;border-radius:999px!important;color:var(--c-text)!important;padding:8px 18px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;transition:.2s!important;}\n.astro-cat-chip:hover{background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;border-color:transparent!important;color:#ffffff!important;}\n\n\/* Katalog: search mini + filter tabs *\/\n.astro-mini-search{display:flex!important;align-items:center!important;gap:8px!important;background:#ffffff!important;border:1px solid var(--c-border-strong)!important;border-radius:100px!important;padding:0 6px 0 14px!important;width:260px!important;max-width:100%!important;height:38px!important;transition:.2s!important;}\n.astro-mini-search:focus-within{border-color:var(--c-accent)!important;box-shadow:0 0 0 3px rgba(13,148,136,.1)!important;}\n.astro-mini-search-icon{font-size:13px!important;opacity:.6!important;}\n.astro-mini-search-input{flex:1!important;min-width:0!important;border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important;color:var(--c-text)!important;font-size:13.5px!important;font-family:inherit!important;padding:0!important;height:100%!important;}\n.astro-mini-search-input::placeholder{color:#94a3b8!important;}\n.astro-mini-search-clear{display:none!important;background:var(--c-accent2)!important;border:none!important;color:#ffffff!important;width:26px!important;height:26px!important;border-radius:100px!important;cursor:pointer!important;font-size:10px!important;font-weight:700!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;}\n.astro-mini-search.has-value .astro-mini-search-clear{display:flex!important;}\n.astro-filter-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:var(--gap-md)!important;}\n.astro-tab-btn{background:#ffffff!important;border:1px solid var(--c-border-strong)!important;color:var(--c-dim)!important;padding:9px 18px!important;border-radius:999px!important;font-size:13.5px!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;}\n.astro-tab-btn.active{background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;color:#ffffff!important;border-color:transparent!important;}\n\n\/* Back button (hanya halaman detail konten) *\/\n.astro-btn-back{display:inline-flex!important;align-items:center!important;gap:8px!important;background:rgba(255,255,255,.85)!important;border:1.5px solid #cbd5e1!important;color:var(--c-accent2)!important;padding:10px 18px!important;border-radius:10px!important;text-decoration:none!important;font-weight:600!important;font-size:13.5px!important;margin:20px 0 24px!important;cursor:pointer!important;font-family:inherit!important;}\n.astro-btn-back:hover{border-color:var(--c-accent2)!important;background:#ffffff!important;}\n\n\/* Single content *\/\n.astro-single-container{background:#ffffff!important;border:1px solid var(--c-border)!important;border-radius:20px!important;padding:40px!important;box-shadow:0 4px 20px rgba(15,23,42,.05)!important;}\n.astro-single-meta{font-size:13px!important;color:var(--c-dim)!important;margin-bottom:16px!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important;}\n.astro-single-title{font-size:30px!important;font-weight:800!important;color:var(--c-text)!important;margin:0 0 24px 0!important;line-height:1.25!important;}\n.astro-content-area{font-size:16px!important;color:#334155!important;line-height:1.75!important;}\n.astro-content-area img:not(.emoji){width:100%!important;height:auto!important;border-radius:12px!important;margin:18px 0!important;}\n.astro-video-wrapper{position:relative!important;padding-bottom:56.25%!important;height:0!important;overflow:hidden!important;border-radius:14px!important;margin-bottom:26px!important;background:#0f172a!important;}\n.astro-video-wrapper iframe{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:0!important;}\n.astro-discussion{margin-top:44px!important;border-top:1px solid var(--c-border)!important;padding-top:32px!important;}\n.astro-discussion h3{font-size:18px!important;font-weight:800!important;margin-bottom:20px!important;color:var(--c-text)!important;}\n.astro-comment-list{display:flex!important;flex-direction:column!important;gap:14px!important;margin-bottom:26px!important;}\n.astro-comment-item{background:#f8fafc!important;padding:16px 18px!important;border-radius:14px!important;border:1px solid var(--c-border)!important;}\n.astro-comment-author{font-weight:700!important;color:var(--c-text)!important;font-size:14px!important;display:flex!important;justify-content:space-between!important;margin-bottom:6px!important;flex-wrap:wrap!important;gap:8px!important;}\n.astro-comment-date{font-size:11.5px!important;color:var(--c-dim2)!important;}\n.astro-comment-body{color:var(--c-dim)!important;font-size:14px!important;line-height:1.6!important;margin:0!important;}\n.astro-comment-form textarea{width:100%!important;padding:14px!important;border:1px solid var(--c-border-strong)!important;border-radius:12px!important;font-family:inherit!important;font-size:14.5px!important;resize:vertical!important;min-height:96px!important;margin-bottom:14px!important;outline:none!important;background:#ffffff!important;color:var(--c-text)!important;}\n.astro-comment-form textarea:focus{border-color:var(--c-accent)!important;}\n\n\/* Pagination *\/\n.astro-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:32px!important;}\n.astro-page-btn{background:#ffffff!important;border:1px solid var(--c-border-strong)!important;color:var(--c-text)!important;min-width:38px!important;height:38px!important;padding:0 12px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;}\n.astro-page-btn.active{background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;border-color:transparent!important;color:#ffffff!important;}\n.astro-page-btn:disabled{opacity:.35!important;cursor:not-allowed!important;}\n.astro-page-ellipsis{color:var(--c-dim2)!important;padding:0 4px!important;font-weight:700!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 BOTTOM NAV (pill melayang) \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.astro-bottom-nav{position:fixed!important;bottom:20px!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;gap:4px!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--c-border-strong)!important;border-radius:100px!important;padding:8px!important;box-shadow:0 12px 40px rgba(15,23,42,.15),0 4px 12px rgba(15,23,42,.08)!important;z-index:9990!important;max-width:calc(100vw - 32px)!important;}\n.astro-bottom-nav-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:10px 18px!important;border:none!important;background:transparent!important;border-radius:100px!important;cursor:pointer!important;font-family:inherit!important;font-size:10.5px!important;font-weight:700!important;color:var(--c-dim)!important;transition:.2s!important;min-width:68px!important;}\n.astro-bottom-nav-btn svg{width:20px!important;height:20px!important;fill:currentColor!important;}\n.astro-bottom-nav-btn.active{background:var(--c-accent2)!important;color:#ffffff!important;box-shadow:0 4px 14px rgba(26,28,75,.25)!important;}\n.astro-bottom-nav-btn:hover:not(.active){background:var(--c-accent-soft)!important;color:var(--c-accent)!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 CHAT \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dc-app{display:grid!important;grid-template-columns:240px 1fr!important;height:680px!important;background:#ffffff!important;border:1px solid var(--c-border)!important;border-radius:20px!important;overflow:hidden!important;position:relative!important;box-shadow:0 10px 40px rgba(15,23,42,.06)!important;}\n.dc-sidebar{background:#f8fafc!important;border-right:1px solid var(--c-border)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}\n.dc-sidebar-head{padding:16px!important;border-bottom:1px solid var(--c-border)!important;display:flex!important;align-items:center!important;gap:10px!important;background:#ffffff!important;}\n.dc-sidebar-head h3{margin:0!important;font-size:15px!important;color:var(--c-text)!important;font-weight:800!important;}\n.dc-room-list{flex:1!important;overflow-y:auto!important;padding:10px!important;}\n.dc-room-label{font-size:11px!important;text-transform:uppercase!important;letter-spacing:1px!important;color:var(--c-dim2)!important;padding:8px 8px 4px!important;font-weight:700!important;}\n.dc-room-item{display:flex!important;align-items:center!important;gap:10px!important;padding:9px 12px!important;border-radius:10px!important;cursor:pointer!important;color:var(--c-dim)!important;font-weight:600!important;font-size:14px!important;margin-bottom:2px!important;}\n.dc-room-item:hover{background:#ffffff!important;color:var(--c-text)!important;}\n.dc-room-item.active{background:linear-gradient(135deg,rgba(13,148,136,.12),rgba(26,28,75,.06))!important;color:var(--c-accent2)!important;}\n.dc-room-icon{width:22px!important;text-align:center!important;}\n.dc-user-bar{border-top:1px solid var(--c-border)!important;padding:12px!important;display:flex!important;align-items:center!important;gap:10px!important;background:#ffffff!important;}\n.dc-user-bar .info{flex:1!important;min-width:0!important;}\n.dc-user-bar .nm{font-size:13px!important;font-weight:700!important;color:var(--c-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}\n.dc-user-bar .st{font-size:11px!important;color:var(--c-dim)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}\n.dc-icon-btn{background:none!important;border:none!important;color:var(--c-dim)!important;cursor:pointer!important;font-size:16px!important;padding:6px!important;border-radius:8px!important;}\n.dc-icon-btn:hover{background:var(--c-accent-soft)!important;color:var(--c-accent)!important;}\n.dc-avatar-img,.dc-avatar-fallback{border-radius:50%!important;object-fit:cover!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;color:#ffffff!important;flex-shrink:0!important;}\n.dc-avatar-fallback{font-size:16px!important;background:linear-gradient(135deg,#1a1c4b,#0d9488)!important;}\n.dc-main{display:flex!important;flex-direction:column!important;min-width:0!important;background:#ffffff!important;}\n.dc-chat-head{padding:16px 20px!important;border-bottom:1px solid var(--c-border)!important;display:flex!important;align-items:center!important;gap:10px!important;background:#ffffff!important;flex-wrap:nowrap!important;min-width:0!important;}\n.dc-chat-head h2{margin:0!important;font-size:16px!important;color:var(--c-text)!important;font-weight:800!important;white-space:nowrap!important;flex-shrink:0!important;}\n.dc-chat-head .desc{color:var(--c-dim)!important;font-size:13px!important;border-left:1px solid var(--c-border)!important;padding-left:12px!important;margin-left:4px!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}\n.dc-chat-head .desc:empty{display:none!important;}\n.dc-menu-toggle{display:none!important;background:#ffffff!important;border:1px solid var(--c-border-strong)!important;color:var(--c-text)!important;border-radius:8px!important;padding:8px 10px!important;cursor:pointer!important;font-size:14px!important;line-height:1!important;flex-shrink:0!important;}\n.dc-messages{flex:1!important;overflow-y:auto!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:18px!important;background:#fafbfc!important;}\n.dc-msg{display:flex!important;gap:12px!important;}\n.dc-msg-body{flex:1!important;min-width:0!important;}\n.dc-msg-head{display:flex!important;align-items:baseline!important;gap:8px!important;margin-bottom:4px!important;flex-wrap:wrap!important;}\n.dc-msg-name{font-weight:700!important;font-size:14.5px!important;color:var(--c-text)!important;}\n.dc-msg-name.own{color:var(--c-accent)!important;}\n.dc-msg-time{font-size:11px!important;color:var(--c-dim2)!important;}\n.dc-msg-text{font-size:14.5px!important;line-height:1.55!important;color:#334155!important;word-wrap:break-word!important;background:#ffffff!important;padding:10px 14px!important;border-radius:12px!important;border:1px solid var(--c-border)!important;display:inline-block!important;max-width:100%!important;}\n.dc-msg-text a{color:var(--c-accent)!important;font-weight:600!important;}\n.dc-attach-img{max-width:320px!important;max-height:240px!important;border-radius:12px!important;margin-top:6px!important;cursor:pointer!important;display:block!important;border:1px solid var(--c-border)!important;}\n.dc-video-frame{width:100%!important;max-width:480px!important;aspect-ratio:16\/9!important;border:none!important;border-radius:12px!important;margin-top:6px!important;}\n.dc-msg-actions{opacity:0!important;display:flex!important;gap:4px!important;margin-top:6px!important;}\n.dc-msg:hover .dc-msg-actions,.dc-msg-actions:focus-within{opacity:1!important;}\n.dc-msg-actions button{background:#ffffff!important;border:1px solid var(--c-border-strong)!important;color:var(--c-danger)!important;cursor:pointer!important;font-size:12px!important;padding:4px 10px!important;border-radius:8px!important;font-weight:600!important;}\n\/* Skeleton chat + empty state *\/\n.dc-skel{display:flex!important;gap:12px!important;align-items:flex-start!important;}\n.dc-skel-avatar{width:40px!important;height:40px!important;border-radius:50%!important;flex-shrink:0!important;}\n.dc-skel-lines{flex:1!important;display:flex!important;flex-direction:column!important;gap:8px!important;}\n.dc-skel-line{height:12px!important;border-radius:8px!important;}\n.dc-skel-avatar,.dc-skel-line{background:linear-gradient(90deg,#e8edf3 25%,#f4f7fa 50%,#e8edf3 75%)!important;background-size:200% 100%!important;animation:astro-shimmer 1.6s linear infinite!important;}\n.dc-empty{margin:auto!important;text-align:center!important;color:var(--c-dim)!important;font-size:14px!important;padding:24px!important;}\n.dc-empty .big{display:block!important;font-size:34px!important;margin-bottom:8px!important;}\n.dc-composer{padding:0 20px 18px!important;background:#ffffff!important;}\n.dc-toolbar{display:flex!important;gap:4px!important;margin-bottom:8px!important;flex-wrap:wrap!important;}\n.dc-tool{background:#f8fafc!important;border:1px solid var(--c-border-strong)!important;color:var(--c-dim)!important;width:34px!important;height:32px!important;border-radius:8px!important;cursor:pointer!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:inherit!important;}\n.dc-tool:hover{background:var(--c-accent-soft)!important;color:var(--c-accent)!important;}\n.dc-tool.bold{font-weight:800!important;}\n.dc-tool.italic{font-style:italic!important;}\n.dc-tool.underline{text-decoration:underline!important;}\n.dc-compose-row{display:flex!important;gap:10px!important;align-items:flex-end!important;}\n.dc-compose-input{flex:1!important;background:#f8fafc!important;border:1px solid var(--c-border-strong)!important;border-radius:14px!important;padding:12px 16px!important;color:var(--c-text)!important;font-size:14.5px!important;resize:none!important;max-height:120px!important;outline:none!important;font-family:inherit!important;line-height:1.5!important;}\n.dc-compose-input:focus{border-color:var(--c-accent)!important;background:#ffffff!important;}\n.dc-send{background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;border:none!important;color:#ffffff!important;width:44px!important;height:44px!important;border-radius:12px!important;cursor:pointer!important;font-size:18px!important;}\n.dc-attach-preview{margin-top:8px!important;display:none!important;align-items:center!important;gap:10px!important;background:#f8fafc!important;border:1px solid var(--c-border-strong)!important;border-radius:10px!important;padding:8px 12px!important;}\n.dc-attach-preview.show{display:flex!important;}\n.dc-attach-preview img{width:48px!important;height:48px!important;object-fit:cover!important;border-radius:8px!important;}\n.dc-attach-preview .nm{flex:1!important;font-size:13px!important;color:var(--c-dim)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}\n.dc-modal-overlay{position:fixed!important;inset:0!important;background:rgba(15,23,42,.5)!important;backdrop-filter:blur(4px)!important;display:none!important;align-items:center!important;justify-content:center!important;z-index:9999!important;}\n.dc-modal-overlay.open{display:flex!important;}\n.dc-modal{background:#ffffff!important;border:1px solid var(--c-border)!important;border-radius:20px!important;width:92%!important;max-width:460px!important;padding:28px!important;position:relative!important;max-height:85vh!important;overflow-y:auto!important;color:var(--c-text)!important;}\n.dc-modal-close{position:absolute!important;top:14px!important;right:14px!important;background:#f1f5f9!important;border:none!important;color:var(--c-dim)!important;font-size:16px!important;cursor:pointer!important;width:32px!important;height:32px!important;border-radius:8px!important;}\n.dc-profile-head{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:20px!important;padding-bottom:18px!important;border-bottom:1px solid var(--c-border)!important;}\n.dc-profile-name{font-size:18px!important;font-weight:800!important;margin:0!important;color:var(--c-text)!important;}\n.dc-profile-email{color:var(--c-dim)!important;font-size:13px!important;}\n.dc-profile-row{display:flex!important;justify-content:space-between!important;padding:11px 0!important;border-bottom:1px solid var(--c-border)!important;font-size:14px!important;gap:12px!important;}\n.dc-profile-row .lbl{color:var(--c-dim)!important;}\n.dc-profile-row strong{color:var(--c-text)!important;font-weight:700!important;}\n.dc-tabs{display:flex!important;gap:8px!important;margin-bottom:20px!important;}\n.dc-tab-btn{flex:1!important;padding:10px!important;background:#f8fafc!important;border:1px solid var(--c-border-strong)!important;border-radius:10px!important;color:var(--c-dim)!important;font-weight:700!important;cursor:pointer!important;font-size:13px!important;font-family:inherit!important;}\n.dc-tab-btn.active{background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;color:#ffffff!important;border-color:transparent!important;}\n.dc-set-label{display:block!important;font-size:13px!important;color:var(--c-dim)!important;margin-bottom:6px!important;margin-top:12px!important;font-weight:600!important;}\n.dc-set-label:first-child{margin-top:0!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 ASTROCIL \u2014 terintegrasi dengan tema \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.astro-section-sub{font-size:13px!important;color:var(--c-dim)!important;margin:4px 0 0!important;}\n.astro-astrocil-frame{\n    background:#0b1e3f!important;border-radius:24px!important;overflow:hidden!important;\n    border:1px solid rgba(15,23,42,.12)!important;\n    box-shadow:0 18px 44px rgba(11,30,63,.16)!important;\n    min-height:420px!important;position:relative!important;\n    contain:layout paint!important;\n}\n.astro-astrocil-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 20px!important;background:linear-gradient(135deg,#1a1c4b 0%,#0b1e3f 100%)!important;color:#ffffff!important;font-size:12.5px!important;font-weight:700!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}\n.astro-astrocil-bar span:last-child{font-weight:600!important;color:rgba(255,255,255,.65)!important;letter-spacing:.4px!important;}\n.astro-astrocil-body{position:relative!important;max-width:100%!important;overflow-x:auto!important;}\n.astro-soon-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:56px 24px!important;background:#ffffff!important;border:1px solid var(--c-border)!important;border-radius:20px!important;box-shadow:0 4px 20px rgba(15,23,42,.05)!important;}\n.astro-soon-icon{width:84px!important;height:84px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:40px!important;background:linear-gradient(135deg,rgba(13,148,136,.14),rgba(26,28,75,.08))!important;margin-bottom:18px!important;}\n.astro-soon-card h4{font-size:20px!important;font-weight:800!important;margin:0 0 8px!important;color:var(--c-text)!important;}\n.astro-soon-card p{color:var(--c-dim)!important;font-size:14.5px!important;max-width:460px!important;margin:0 0 20px!important;line-height:1.65!important;}\n.astro-soon-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:1.2px!important;text-transform:uppercase!important;color:var(--c-accent)!important;background:var(--c-accent-soft)!important;border:1px solid rgba(13,148,136,.28)!important;padding:8px 16px!important;border-radius:999px!important;}\n\n\/* Checkout *\/\n.astro-checkout-head{max-width:640px!important;margin:32px auto 40px!important;text-align:center!important;}\n.astro-checkout-head h1{font-size:clamp(28px,4vw,40px)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.15!important;margin:0 0 14px 0!important;background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}\n.astro-checkout-head p.lead{font-size:16px!important;color:var(--c-dim)!important;margin:0!important;line-height:1.65!important;}\n.astro-tier-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;max-width:1000px!important;margin:0 auto 28px!important;}\n.astro-tier-card{position:relative!important;background:#ffffff!important;border:1.5px solid var(--c-border-strong)!important;border-radius:18px!important;padding:24px 18px!important;cursor:pointer!important;text-align:center!important;transition:.25s!important;display:block!important;}\n.astro-tier-card.selected{border-color:var(--c-accent)!important;background:linear-gradient(180deg,rgba(13,148,136,.08) 0%,rgba(13,148,136,.02) 100%)!important;}\n.astro-tier-card input{position:absolute!important;opacity:0!important;pointer-events:none!important;}\n.astro-tier-name{display:block!important;font-weight:700!important;font-size:16px!important;color:var(--c-text)!important;margin-bottom:10px!important;}\n.astro-tier-price{display:block!important;font-size:22px!important;font-weight:800!important;background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}\n.astro-tier-dur{display:block!important;font-size:12.5px!important;color:var(--c-dim)!important;margin-top:6px!important;}\n.astro-checkout-form-card{background:rgba(255,255,255,.9)!important;border:1px solid var(--c-border-strong)!important;border-radius:20px!important;padding:38px 34px!important;box-shadow:0 20px 60px rgba(15,23,42,.08)!important;max-width:560px!important;margin:0 auto!important;}\n.astro-checkout-form-card h2{font-size:22px!important;font-weight:800!important;margin:0 0 6px 0!important;color:var(--c-text)!important;}\n.astro-checkout-form-card p.subtitle{color:var(--c-dim)!important;font-size:14px!important;margin:0 0 24px 0!important;}\n.astro-kupon-row{display:flex!important;gap:10px!important;margin-bottom:8px!important;}\n.astro-kupon-input{margin-bottom:0!important;flex:1!important;}\n.astro-kupon-btn{flex-shrink:0!important;background:#ffffff!important;border:1.5px solid #cbd5e1!important;color:var(--c-accent2)!important;padding:0 20px!important;border-radius:12px!important;font-size:13.5px!important;font-weight:700!important;cursor:pointer!important;font-family:inherit!important;}\n.astro-kupon-feedback{font-size:12.5px!important;min-height:16px!important;margin-bottom:14px!important;font-weight:600!important;}\n.astro-kupon-feedback.success{color:var(--c-success)!important;}\n.astro-kupon-feedback.error{color:var(--c-danger)!important;}\n.astro-summary{background:#f8fafc!important;border:1px solid var(--c-border)!important;border-radius:14px!important;padding:18px 20px!important;margin-bottom:20px!important;}\n.astro-summary-row{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:13.5px!important;color:var(--c-dim)!important;padding:6px 0!important;font-weight:500!important;}\n.astro-summary-discount-row span:last-child,.astro-summary-credit-row span:last-child{color:var(--c-success)!important;font-weight:700!important;}\n.astro-summary-total{border-top:1px solid var(--c-border)!important;margin-top:8px!important;padding-top:14px!important;font-size:16px!important;font-weight:800!important;color:var(--c-text)!important;}\n.astro-summary-total span:last-child{background:linear-gradient(135deg,#1a1c4b 0%,#0d9488 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:18px!important;}\n.astro-checkout-note{text-align:center!important;margin-top:22px!important;font-size:13.5px!important;color:var(--c-dim)!important;border-top:1px solid var(--c-border)!important;padding-top:18px!important;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1000px){\n    .astro-tier-grid{grid-template-columns:1fr 1fr!important;}\n    .astro-grid-4{grid-template-columns:repeat(2,1fr)!important;}\n    .astro-peekaboo{grid-template-columns:repeat(2,1fr)!important;}\n    .astro-library-grid{grid-template-columns:repeat(3,1fr)!important;}\n    .astro-accordion{grid-template-columns:1fr!important;}\n}\n@media (max-width:900px){\n    .astro-ma-wrapper{--pad-x:20px;--gap-lg:32px;}\n    .astro-inner{padding:0 var(--pad-x) 130px!important;}\n    .astro-topbar{padding:8px var(--pad-x)!important;}\n    .astro-topbar-logo{width:100px!important;max-width:100px!important;padding:5px 12px!important;}\n    .astro-topbar-actions-desktop{display:none!important;}\n    .astro-profile-trigger{display:flex!important;}\n    .astro-login-layout{grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;}\n    .astro-login-brand{padding:36px 24px 28px!important;text-align:center!important;align-items:center!important;}\n    .astro-login-brand img{margin-left:auto!important;margin-right:auto!important;}\n    .astro-login-brand h1{font-size:30px!important;}\n    .astro-login-benefits{max-width:100%!important;}\n    .astro-login-form-box{border-radius:32px 32px 0 0!important;padding:32px 24px!important;box-shadow:0 -10px 40px rgba(15,23,42,.06)!important;}\n    .astro-hero-section{padding:18px var(--pad-x) var(--gap-sm)!important;}\n    .astro-hero-hello{font-size:17px!important;}\n    .astro-mini-search{width:100%!important;}\n    .astro-section-head .astro-mini-search{order:3!important;}\n    .astro-peekaboo{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch!important;}\n    .astro-peekaboo::-webkit-scrollbar{height:4px!important;}\n    .astro-peekaboo::-webkit-scrollbar-thumb{background:var(--c-border-strong)!important;border-radius:4px!important;}\n    .astro-peekaboo>*{flex:0 0 80vw!important;max-width:320px!important;scroll-snap-align:start!important;}\n    .astro-library-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch!important;}\n    .astro-library-grid::-webkit-scrollbar{height:4px!important;}\n    .astro-library-grid::-webkit-scrollbar-thumb{background:var(--c-border-strong)!important;border-radius:4px!important;}\n    .astro-library-card{flex:0 0 42%!important;scroll-snap-align:start!important;}\n    .astro-accordion{grid-template-columns:1fr!important;}\n    .astro-accordion-item{height:auto!important;}\n    .astro-accordion-header{padding:16px!important;font-size:14px!important;}\n    .astro-accordion-item.open .astro-accordion-body{padding:0 16px 20px!important;}\n    .astro-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:14px!important;}\n    .dc-app{grid-template-columns:1fr!important;height:calc(100vh - 220px)!important;min-height:520px!important;border-radius:16px!important;}\n    .dc-sidebar{position:absolute!important;inset:0 auto 0 0!important;width:240px!important;transform:translateX(-105%)!important;transition:.22s ease!important;z-index:20!important;}\n    .dc-app.sidebar-open .dc-sidebar{transform:translateX(0)!important;}\n    .dc-menu-toggle{display:inline-flex!important;}\n    .dc-chat-head{padding:12px 14px!important;}\n    .dc-chat-head .desc{border-left:none!important;padding-left:0!important;margin-left:0!important;}\n    .astro-bottom-nav{bottom:12px!important;padding:6px!important;}\n    .astro-bottom-nav-btn{padding:8px 12px!important;min-width:56px!important;font-size:10px!important;}\n    .astro-bottom-nav-btn svg{width:18px!important;height:18px!important;}\n    .astro-single-container{padding:24px!important;}\n    .astro-single-title{font-size:24px!important;}\n    .astro-astrocil-frame{border-radius:18px!important;}\n}\n@media (min-width:901px){\n    .astro-accordion-header{cursor:default!important;}\n    .astro-accordion-body{max-height:none!important;padding:0 20px 20px!important;overflow:visible!important;}\n    .astro-accordion-chevron{display:none!important;}\n}\n@media (max-width:520px){\n    .astro-tier-grid{grid-template-columns:1fr!important;}\n    .astro-library-card{flex:0 0 48%!important;}\n    .astro-login-benefits{grid-template-columns:1fr 1fr!important;gap:10px!important;}\n    .astro-benefit{padding:12px!important;}\n    .astro-benefit-icon{font-size:18px!important;margin-bottom:4px!important;}\n    .astro-benefit h4{font-size:12.5px!important;}\n    .astro-benefit p{font-size:11px!important;line-height:1.4!important;}\n    .astro-login-brand h1{font-size:26px!important;}\n    .astro-peekaboo>*{flex:0 0 85vw!important;}\n    .dc-toolbar{overflow-x:auto!important;flex-wrap:nowrap!important;}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 REDUCED MOTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (prefers-reduced-motion:reduce){\n    .astro-ma-wrapper *,.astro-ma-wrapper *::before,.astro-ma-wrapper *::after{\n        animation-duration:.001ms!important;animation-iteration-count:1!important;\n        transition-duration:.001ms!important;scroll-behavior:auto!important;\n    }\n    .astro-hero-section::before,.astro-hero-section::after{animation:none!important;}\n    .astro-gcard-media,.astro-library-cover,.dc-skel-avatar,.dc-skel-line{animation:none!important;}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PILL BACKGROUND LOGO ASTRONOMI+ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nimg[src*=\"astronomi-plus-banner-01\"]{\n    display:block!important;\n    width:150px!important;max-width:150px!important;height:auto!important;\n    object-fit:contain!important;box-sizing:border-box!important;\n    background:#1a1c4b!important;border-radius:999px!important;\n    padding:10px 18px!important;box-shadow:0 10px 30px rgba(26,28,75,.15)!important;\n}\n.astro-topbar img[src*=\"astronomi-plus-banner-01\"]{\n    width:118px!important;max-width:118px!important;padding:6px 14px!important;\n}\n@media (max-width:900px){\n    img[src*=\"astronomi-plus-banner-01\"]{width:120px!important;max-width:120px!important;padding:8px 14px!important;}\n    .astro-topbar img[src*=\"astronomi-plus-banner-01\"]{width:100px!important;max-width:100px!important;padding:5px 12px!important;}\n}\n<\/style>\n        <div class=\"astro-ma-wrapper\"><div class=\"astro-stars\"><\/div><div class=\"astro-inner\">\n            <div class=\"astro-checkout-head\">\n                <span class=\"astro-eyebrow\">Langganan Astronomi+<\/span>\n                <h1>Pilih paket yang cocok untuk perjalanan langitmu.<\/h1>\n                <p class=\"lead\">Akses ribuan konten astronomi, video kelas langsung, dan komunitas eksklusif.<\/p>\n            <\/div>\n                                    <form method=\"POST\">\n                <div class=\"astro-tier-grid\">\n                                            <label class=\"astro-tier-card selected\" data-price=\"29000\">\n                            <input type=\"radio\" name=\"astro_tier_pilih\" value=\"Jupiter+\" checked>\n                            <span class=\"astro-tier-name\">Jupiter+<\/span>\n                            <span class=\"astro-tier-price\">Rp 29,000<\/span>\n                            <span class=\"astro-tier-dur\">Untuk 1 Bulan<\/span>\n                        <\/label>\n                                            <label class=\"astro-tier-card \" data-price=\"39000\">\n                            <input type=\"radio\" name=\"astro_tier_pilih\" value=\"Proxima+\" >\n                            <span class=\"astro-tier-name\">Proxima+<\/span>\n                            <span class=\"astro-tier-price\">Rp 39,000<\/span>\n                            <span class=\"astro-tier-dur\">Untuk 3 Bulan<\/span>\n                        <\/label>\n                                            <label class=\"astro-tier-card \" data-price=\"59000\">\n                            <input type=\"radio\" name=\"astro_tier_pilih\" value=\"Antares+\" >\n                            <span class=\"astro-tier-name\">Antares+<\/span>\n                            <span class=\"astro-tier-price\">Rp 59,000<\/span>\n                            <span class=\"astro-tier-dur\">Untuk 6 Bulan<\/span>\n                        <\/label>\n                                            <label class=\"astro-tier-card \" data-price=\"99000\">\n                            <input type=\"radio\" name=\"astro_tier_pilih\" value=\"Betelgeuse+\" >\n                            <span class=\"astro-tier-name\">Betelgeuse+<\/span>\n                            <span class=\"astro-tier-price\">Rp 99,000<\/span>\n                            <span class=\"astro-tier-dur\">Untuk 12 Bulan<\/span>\n                        <\/label>\n                                    <\/div>\n                <div class=\"astro-checkout-form-card\">\n                    <h2>Data Pemesanan<\/h2>\n                    <p class=\"subtitle\">Isi data di bawah untuk melanjutkan ke pembayaran<\/p>\n                    <input type=\"text\" name=\"astro_nama\" class=\"astro-input\" placeholder=\"Nama Lengkap\" value=\"\" required >\n                    <input type=\"email\" name=\"astro_email\" id=\"astro_email_input\" class=\"astro-input\" placeholder=\"Alamat Email\" value=\"\" required >\n                    <input type=\"text\" name=\"astro_wa\" class=\"astro-input\" placeholder=\"Nomor WhatsApp\" value=\"\" required >\n                    <div class=\"astro-kupon-row\">\n                        <input type=\"text\" name=\"astro_kupon\" id=\"astro_kupon_input\" class=\"astro-input astro-kupon-input\" placeholder=\"Kode Kupon (Opsional)\">\n                        <button type=\"button\" id=\"astro_kupon_btn\" class=\"astro-kupon-btn\">Gunakan Kode<\/button>\n                    <\/div>\n                    <div id=\"astro_kupon_feedback\" class=\"astro-kupon-feedback\"><\/div>\n                    <div class=\"astro-summary\" id=\"astro_summary\">\n                        <div class=\"astro-summary-row\" id=\"astro_summary_subtotal_row\" style=\"display:none;\"><span>Subtotal<\/span><span id=\"astro_summary_subtotal\">Rp 0<\/span><\/div>\n                        <div class=\"astro-summary-row astro-summary-discount-row\" id=\"astro_summary_discount_row\" style=\"display:none;\"><span>Diskon Kupon<\/span><span id=\"astro_summary_discount\">-Rp 0<\/span><\/div>\n                        <div class=\"astro-summary-row astro-summary-credit-row\" id=\"astro_summary_credit_row\" style=\"display:none;\"><span>Kredit Paket Lama<\/span><span id=\"astro_summary_credit\">-Rp 0<\/span><\/div>\n                        <div class=\"astro-summary-row astro-summary-total\"><span>Total Pembayaran<\/span><span id=\"astro_summary_total\">Rp 0<\/span><\/div>\n                    <\/div>\n                    <button type=\"submit\" name=\"astro_submit_checkout\" class=\"astro-btn\">Lanjutkan Pembayaran<\/button>\n                    <div class=\"astro-checkout-note\">Pembayaran diproses secara aman melalui Duitku.<\/div>\n                <\/div>\n            <\/form>\n        <\/div><\/div>\n        <script>\n        (function(){\n            var ajaxUrl = 'https:\/\/belajarastro.com\/memberplus\/wp-admin\/admin-ajax.php';\n            var nonce = '9f199fc7f9';\n            var currentTier = '';\n            var upgradeCredit = 0;\n            var cards = document.querySelectorAll('.astro-tier-card');\n            var emailInput = document.getElementById('astro_email_input');\n            var kuponInput = document.getElementById('astro_kupon_input');\n            var kuponBtn = document.getElementById('astro_kupon_btn');\n            var feedback = document.getElementById('astro_kupon_feedback');\n            var subtotalRow = document.getElementById('astro_summary_subtotal_row');\n            var discountRow = document.getElementById('astro_summary_discount_row');\n            var creditRow = document.getElementById('astro_summary_credit_row');\n            var subtotalEl = document.getElementById('astro_summary_subtotal');\n            var discountEl = document.getElementById('astro_summary_discount');\n            var creditEl = document.getElementById('astro_summary_credit');\n            var totalEl = document.getElementById('astro_summary_total');\n            var appliedCoupon = null;\n            function formatRupiah(n){return 'Rp ' + Math.round(n).toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.');}\n            function getSelectedPrice(){var a=document.querySelector('.astro-tier-card.selected');return a?parseInt(a.getAttribute('data-price'),10):0;}\n            function getSelectedTier(){var a=document.querySelector('.astro-tier-card input[type=radio]:checked');return a?a.value:'';}\n            function getSelectedEmail(){return emailInput?emailInput.value.trim():'';}\n            function getActiveCredit(){return(currentTier&&getSelectedTier()!==currentTier)?upgradeCredit:0;}\n            function renderSummary(){\n                var harga=getSelectedPrice(),cd=0,credit=getActiveCredit();\n                if(appliedCoupon){if(appliedCoupon.tipe==='persen'){cd=harga*(appliedCoupon.nilai\/100);if(appliedCoupon.max>0&&cd>appliedCoupon.max)cd=appliedCoupon.max;}else cd=appliedCoupon.nilai;}\n                var total=Math.max(1000,harga-cd-credit);\n                subtotalRow.style.display=(appliedCoupon||credit>0)?'flex':'none';\n                discountRow.style.display=appliedCoupon?'flex':'none';\n                creditRow.style.display=credit>0?'flex':'none';\n                subtotalEl.textContent=formatRupiah(harga);\n                discountEl.textContent='-'+formatRupiah(cd);\n                creditEl.textContent='-'+formatRupiah(credit);\n                totalEl.textContent=formatRupiah(total);\n            }\n            cards.forEach(function(c){c.addEventListener('click',function(){cards.forEach(function(x){x.classList.remove('selected');});this.classList.add('selected');renderSummary();});});\n            function validateKupon(kode){\n                if(!kode){feedback.textContent='Masukkan kode kupon.';feedback.className='astro-kupon-feedback error';return;}\n                kuponBtn.disabled=true;kuponBtn.textContent='...';feedback.textContent='';\n                var fd=new FormData();fd.append('action','astro_validate_kupon');fd.append('nonce',nonce);fd.append('tier',getSelectedTier());fd.append('kode',kode);fd.append('email',getSelectedEmail());\n                fetch(ajaxUrl,{method:'POST',body:fd}).then(function(r){return r.json();}).then(function(res){\n                    kuponBtn.disabled=false;kuponBtn.textContent='Gunakan Kode';\n                    if(res.success){appliedCoupon={kode:res.data.kode,tipe:res.data.tipe,nilai:res.data.nilai,max:res.data.max_diskon||0};feedback.textContent='Kupon \"'+res.data.kode+'\" aktif.';feedback.className='astro-kupon-feedback success';renderSummary();}\n                    else{appliedCoupon=null;feedback.textContent=res.data&&res.data.message?res.data.message:'Tidak valid.';feedback.className='astro-kupon-feedback error';renderSummary();}\n                }).catch(function(){kuponBtn.disabled=false;kuponBtn.textContent='Gunakan Kode';feedback.textContent='Gagal.';feedback.className='astro-kupon-feedback error';});\n            }\n            if(kuponInput)kuponInput.addEventListener('input',function(){if(appliedCoupon&&kuponInput.value.trim().toUpperCase()!==appliedCoupon.kode.toUpperCase()){appliedCoupon=null;feedback.textContent='';renderSummary();}});\n            if(kuponBtn)kuponBtn.addEventListener('click',function(){validateKupon(kuponInput.value.trim());});\n            if(emailInput)emailInput.addEventListener('change',function(){if(appliedCoupon)validateKupon(kuponInput.value.trim());});\n            renderSummary();\n        })();\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":4,"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/pages\/34\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}