@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
body{font-family:Inter,system-ui,sans-serif}.loader-ring{width:54px;height:54px;border:5px solid #dbeafe;border-top-color:#2563eb;border-radius:9999px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dropdown-panel{position:absolute;top:2.25rem;left:0;min-width:220px;transform:translateY(10px);opacity:0;visibility:hidden;transition:.25s;background:white;border:1px solid #e2e8f0;border-radius:1.25rem;padding:.6rem;box-shadow:0 24px 80px rgba(15,23,42,.12);z-index:60}.dark .dropdown-panel{background:#0f172a;border-color:#1e293b}.group:hover .dropdown-panel{transform:translateY(0);opacity:1;visibility:visible}.dropdown-panel a{display:block;border-radius:.9rem;padding:.75rem 1rem;font-size:.9rem}.dropdown-panel a:hover{background:#eff6ff;color:#1d4ed8}.dark .dropdown-panel a:hover{background:#1e293b}.section-kicker{display:inline-flex;color:#2563eb;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.section-title{margin-top:.75rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;font-weight:900;letter-spacing:-.04em}.premium-card{border:1px solid #e2e8f0;border-radius:1.75rem;background:white;padding:1rem;box-shadow:0 10px 40px rgba(15,23,42,.06);transition:.35s}.premium-card:hover{transform:translateY(-6px);box-shadow:0 24px 80px rgba(15,23,42,.12)}.dark .premium-card{background:#0f172a;border-color:#1e293b}.premium-stat{border-radius:1.25rem;background:#f8fafc;padding:1rem}.premium-stat b{display:block;font-size:1.4rem;color:#1d4ed8}.premium-stat span{font-size:.75rem;color:#64748b}.badge{display:inline-flex;border-radius:9999px;background:#eff6ff;color:#1d4ed8;padding:.35rem .75rem;font-weight:700;font-size:.75rem}.form-input{border:1px solid #cbd5e1;border-radius:1rem;padding:.85rem 1rem;outline:none;background:white;color:#0f172a}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #dbeafe}.dark .form-input{background:#0f172a;color:white;border-color:#334155}.btn-primary{border-radius:9999px;background:#1d4ed8;color:white;padding:.85rem 1.25rem;font-weight:800;box-shadow:0 10px 30px rgba(29,78,216,.25)}.empty-state{border:1px dashed #cbd5e1;border-radius:1.5rem;padding:3rem;text-align:center;color:#64748b;background:#f8fafc}.dark .empty-state{background:#0f172a;border-color:#334155}.info-box{border:1px solid #e2e8f0;border-radius:1.25rem;padding:1rem;background:#fff}.dark .info-box{background:#0f172a;border-color:#1e293b}.prose-premium{font-size:1.05rem;line-height:1.9;color:#475569}.dark .prose-premium{color:#cbd5e1}.admin-table{width:100%;border-collapse:separate;border-spacing:0 .65rem}.admin-table th{text-align:left;font-size:.78rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.admin-table td{background:#f8fafc;padding:1rem}.admin-table td:first-child{border-radius:1rem 0 0 1rem}.admin-table td:last-child{border-radius:0 1rem 1rem 0}.dark .admin-table td{background:#0f172a}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
.themed-section{position:relative}.section-tone-1{background:linear-gradient(135deg,var(--theme-section-1),#fff)}.section-tone-2{background:linear-gradient(135deg,var(--theme-section-2),#fff7ed)}.section-tone-3{background:linear-gradient(135deg,var(--theme-section-3),#f0fdf4)}.section-tone-4{background:linear-gradient(135deg,var(--theme-section-4),#fff)}.hero-carousel{min-height:clamp(520px,70vh,760px)}.hero-carousel-slide{transition:opacity .7s ease}.hero-glass{background:rgba(255,255,255,.14);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.22)}.carousel-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:9999px;background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px)}.mobile-quick-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;border:1px solid rgba(148,163,184,.35);border-radius:1.5rem;background:rgba(255,255,255,.92);box-shadow:0 24px 80px rgba(15,23,42,.2);backdrop-filter:blur(18px);padding:.45rem}.dark .mobile-quick-nav{background:rgba(15,23,42,.92);border-color:#1e293b}.mobile-quick-nav a{display:grid;place-items:center;gap:.15rem;border-radius:1rem;padding:.55rem .25rem;font-size:.68rem;font-weight:800;color:#334155}.dark .mobile-quick-nav a{color:#e2e8f0}.mobile-quick-nav a:active,.mobile-quick-nav a:hover{background:#eff6ff;color:#1d4ed8}.dark .mobile-quick-nav a:active,.dark .mobile-quick-nav a:hover{background:#1e293b}.mobile-quick-nav span{font-size:1.05rem}.like-button{border:1px solid #e2e8f0;border-radius:9999px;padding:.75rem 1rem;font-weight:800;display:inline-flex;align-items:center;gap:.5rem;background:white;transition:.2s}.like-button:hover,.like-button.liked{border-color:#f43f5e;background:#fff1f2;color:#be123c}.dark .like-button{background:#0f172a;border-color:#334155}.comment-card{border:1px solid #e2e8f0;border-radius:1.5rem;background:white;padding:1rem}.dark .comment-card{background:#0f172a;border-color:#1e293b}@media(max-width:1023px){body{padding-bottom:82px}.dropdown-panel{position:static;visibility:visible;opacity:1;transform:none;margin-top:.5rem;box-shadow:none}.group:hover .dropdown-panel{transform:none}}

/* Perbaikan carousel dan mobile quick nav */
.hero-carousel{min-height:clamp(500px,64vh,720px)}
.hero-carousel-slide{transition:opacity .8s ease}
@media(max-width:767px){.hero-carousel{min-height:430px}.hero-carousel .min-h-\[520px\]{min-height:430px}.hero-carousel h1{font-size:2.15rem;line-height:1.08}.hero-carousel p{font-size:.98rem}.hero-carousel .absolute.inset-0.object-cover{object-position:center}}
.mobile-quick-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(148,163,184,.28);border-radius:1.35rem 1.35rem 0 0;background:rgba(255,255,255,.96);box-shadow:0 -10px 35px rgba(15,23,42,.14);backdrop-filter:blur(18px);padding:.48rem .45rem .55rem}.dark .mobile-quick-nav{background:rgba(15,23,42,.96);border-color:#1e293b}.mobile-quick-nav a{display:grid;place-items:center;gap:.18rem;border-radius:1rem;padding:.35rem .1rem;font-size:.7rem;font-weight:800;color:#334155}.dark .mobile-quick-nav a{color:#e2e8f0}.mobile-quick-nav a:active,.mobile-quick-nav a:hover{background:#fff1f2;color:#dc2626}.dark .mobile-quick-nav a:active,.dark .mobile-quick-nav a:hover{background:#1e293b;color:#f87171}.quick-icon{display:grid;place-items:center;width:2rem;height:2rem;border:3px solid #dc2626;border-radius:.65rem;color:#dc2626;font-size:1.35rem;line-height:1;font-weight:900}.quick-main .quick-icon{border-radius:.8rem;font-size:1.6rem}.mobile-quick-nav b{font-size:.72rem;line-height:1;color:#111827}.dark .mobile-quick-nav b{color:#e5e7eb}@media(max-width:1023px){body{padding-bottom:78px}}
#musicToggle.music-on{box-shadow:0 0 0 3px rgba(245,158,11,.25);background:#fef3c7;color:#92400e}
[data-i18n-db]{white-space:inherit}
.music-float{position:fixed;right:1.25rem;bottom:6.25rem;z-index:9999;display:inline-flex;align-items:center;gap:.45rem;min-width:4rem;border:1px solid rgba(255,255,255,.45);border-radius:9999px;background:linear-gradient(135deg,#1d4ed8,#7c3aed);color:#fff;padding:.8rem 1rem;font-weight:900;box-shadow:0 20px 60px rgba(15,23,42,.28);cursor:grab;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.music-float:active,.music-float.is-dragging{cursor:grabbing;transform:scale(1.03)}.music-float-icon{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:9999px;background:rgba(255,255,255,.18)}.music-float.music-playing .music-float-icon{animation:musicPulse 1.1s ease-in-out infinite}@keyframes musicPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}.music-panel{position:fixed;right:1.25rem;bottom:10.25rem;z-index:10000;width:min(20rem,calc(100vw - 2rem));border:1px solid #e2e8f0;border-radius:1.5rem;background:rgba(255,255,255,.96);padding:1rem;box-shadow:0 24px 80px rgba(15,23,42,.2);backdrop-filter:blur(12px)}.dark .music-panel{background:rgba(15,23,42,.96);border-color:#334155}.music-panel-close{display:grid;place-items:center;width:2rem;height:2rem;border-radius:9999px;background:#f1f5f9;color:#0f172a;font-weight:900}.dark .music-panel-close{background:#1e293b;color:#fff}.music-play-btn{margin-top:.85rem;width:100%;border-radius:9999px;background:#1d4ed8;color:#fff;padding:.85rem 1rem;font-weight:900;box-shadow:0 10px 30px rgba(29,78,216,.24)}.music-play-btn.music-on{background:#16a34a}@media (min-width:1024px){.music-float{bottom:1.5rem}.music-panel{bottom:5.5rem}}
.admin-card{border:1px solid #e2e8f0;border-radius:1.75rem;background:#fff;padding:1.5rem;box-shadow:0 10px 35px rgba(15,23,42,.06)}.dark .admin-card{background:#0f172a;border-color:#1e293b}.admin-card-title{font-size:1.15rem;font-weight:900;color:#0f172a}.dark .admin-card-title{color:#fff}.status-pill{display:inline-flex;border-radius:9999px;background:#eef2ff;color:#3730a3;padding:.3rem .7rem;font-size:.75rem;font-weight:800}.is-translating{opacity:.72}