.mitra-page{-webkit-font-smoothing:antialiased;background:linear-gradient(165deg,#faf5ff 0%,#f8fafc 38%,#fff7ed 100%);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}.mitra-nav{-webkit-backdrop-filter:blur(18px);background:#ffffff9e;border-bottom:1px solid #ffffffbf;transition:background .3s,box-shadow .3s}.mitra-nav.nav-scrolled{background:#ffffffeb;box-shadow:0 8px 32px -8px #f59e0b1f}.mitra-logo-mark{background:linear-gradient(135deg,#d97706 0%,#ea580c 50%,#db2777 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.mitra-logo-icon{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 6px 16px -4px #f9731673}.mitra-btn-primary{background:linear-gradient(135deg,#7c3aed 0%,#2563eb 52%,#0891b2 100%);transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 24px -8px #7c3aed73}.mitra-btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 14px 28px -6px #2563eb73}.mitra-btn-amber{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 8px 20px -6px #ea580c66}.mitra-btn-amber:hover{filter:brightness(1.05);transform:translateY(-1px)}.mitra-hero{background:linear-gradient(135deg,#7c3aed 0%,#db2777 45%,#ea580c 100%);position:relative;overflow:hidden}.mitra-blob{filter:blur(72px);pointer-events:none;opacity:.35;border-radius:9999px;position:absolute}.mitra-blob-1{background:#fde68a;width:24rem;height:24rem;animation:10s ease-in-out infinite mitra-float;top:-6rem;right:-4rem}.mitra-blob-2{background:#67e8f9;width:18rem;height:18rem;animation:12s ease-in-out infinite reverse mitra-float;bottom:-4rem;left:-3rem}@keyframes mitra-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-16px)scale(1.03)}}.mitra-step-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #e2e8f0e6;transition:transform .3s,box-shadow .3s}.mitra-step-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -16px #6366f126}.mitra-filter{color:#475569;background:#ffffffe6;border:1px solid #e2e8f0f2;transition:all .25s}.mitra-filter:hover{color:#6d28d9;border-color:#8b5cf640}.mitra-filter.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#2563eb 100%);border-color:#0000;box-shadow:0 8px 20px -6px #7c3aed73}.mitra-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #e2e8f0f2;border-radius:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 4px 24px -10px #6366f11a}.mitra-card:hover{border-color:#8b5cf640;transform:translateY(-6px);box-shadow:0 22px 44px -14px #6366f12e}.mitra-card-icon{background:linear-gradient(135deg,#8b5cf61f,#fbbf2426);border:1px solid #8b5cf61a;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.75rem;display:inline-flex}.mitra-section-dark{background:linear-gradient(165deg,#0f172a 0%,#4c1d95 40%,#0f172a 100%)}.mitra-broadcast-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #94a3b826}.mitra-modal-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #fffc}.mitra-footer{background:linear-gradient(165deg,#0f172a 0%,#431407 55%,#0f172a 100%);border-top:1px solid #fbbf2426}.mitra-edu-header{background:linear-gradient(165deg,#1e1b4b 0%,#581c87 50%,#0f172a 100%)}.mitra-edu-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #e2e8f0e6;box-shadow:0 12px 32px -16px #6366f11f}.mitra-edu-nav a{border-radius:.75rem;transition:all .2s}.mitra-edu-nav a.active{box-shadow:0 4px 12px -4px #7c3aed66;color:#fff!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important}.mitra-edu-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:1.25rem;transition:box-shadow .25s;box-shadow:0 8px 24px -12px #0f172a14}.mitra-edu-panel:hover{box-shadow:0 16px 32px -14px #6366f11f}.mitra-edu-acc{background:#fffffff0;border:1px solid #e2e8f0f2;border-radius:1.25rem;transition:border-color .25s,box-shadow .25s}.mitra-edu-acc[open]{border-color:#8b5cf640;box-shadow:0 12px 28px -14px #6366f11f}.mitra-edu-cta{background:linear-gradient(135deg,#7c3aed 0%,#db2777 50%,#ea580c 100%);box-shadow:0 16px 40px -12px #7c3aed59}