:root{--lp-navy:#031126;--lp-navy-2:#071a36;--lp-gold:#f4b83f;--lp-gold-2:#ffd978;--lp-ink:#0d1b32;--lp-muted:#667085;--lp-border:#e7ebf2;--lp-bg:#f7f9fc;--lp-green:#18a957;--lp-purple:#5b5ce2;--lp-white:#fff;--lp-shadow:0 18px 50px rgba(10,31,67,.09)}
*{box-sizing:border-box}.lp-container{width:min(1180px,calc(100% - 40px));margin:auto}.lp-site-header{position:relative;z-index:100}.lp-navbar{position:fixed;inset:0 0 auto;background:rgba(3,17,38,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.lp-nav-inner{height:76px;display:flex;align-items:center;gap:28px}.lp-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:205px}.lp-brand img{width:38px;height:38px;object-fit:contain}.lp-brand span{display:flex;flex-direction:column;line-height:1.05}.lp-brand strong{font-size:18px;letter-spacing:.2px}.lp-brand small{font-size:9px;color:#b9c4d6;margin-top:4px}.lp-nav-links{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}.lp-nav-links a{color:#dbe4f1;text-decoration:none;font-size:13px;font-weight:600;transition:.2s}.lp-nav-links a:hover{color:var(--lp-gold-2)}.lp-nav-actions{display:flex;align-items:center;gap:12px}.lp-nav-login,.lp-nav-register{padding:10px 17px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800}.lp-nav-login{border:1px solid rgba(255,255,255,.22);color:#fff}.lp-nav-register{background:linear-gradient(135deg,var(--lp-gold),var(--lp-gold-2));color:#101828}.lp-mobile-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff}.lp-hero{padding:142px 0 100px;background:radial-gradient(circle at 72% 45%,rgba(244,184,63,.15),transparent 25%),radial-gradient(circle at 15% 10%,rgba(56,112,211,.18),transparent 28%),linear-gradient(135deg,#020c1d,#061b3c 58%,#07162c);color:#fff;overflow:hidden}.lp-hero-grid{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:45px;min-height:510px}.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#dce6f5;font-size:10px;font-weight:800;letter-spacing:.4px}.lp-eyebrow svg{width:14px;color:var(--lp-gold)}.lp-hero h1{font-size:clamp(42px,5.1vw,70px);line-height:1.03;letter-spacing:-2.8px;margin:24px 0 20px;font-weight:850}.lp-hero h1 span{color:var(--lp-gold)}.lp-hero-copy>p{max-width:570px;color:#b9c5d7;font-size:15px;line-height:1.8;margin:0}.lp-hero-actions{display:flex;gap:14px;margin-top:28px}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:14px 20px;font-size:12px;font-weight:850;text-decoration:none;transition:.2s}.lp-btn svg{width:16px}.lp-btn-gold{background:linear-gradient(135deg,var(--lp-gold),var(--lp-gold-2));color:#111827;box-shadow:0 12px 28px rgba(244,184,63,.22)}.lp-btn-ghost{border:1px solid rgba(255,255,255,.24);color:#fff}.lp-btn:hover{transform:translateY(-2px)}.lp-hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#cbd5e1;font-size:11px}.lp-hero-proof span{display:inline-flex;align-items:center;gap:6px}.lp-hero-proof svg{width:14px;color:#58d68d}.lp-hero-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.lp-hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(244,184,63,.11);filter:blur(20px)}.lp-hero-ring{position:absolute;width:430px;height:430px;border:1px solid rgba(244,184,63,.28);border-radius:50%;box-shadow:0 0 0 30px rgba(244,184,63,.03),0 0 0 80px rgba(244,184,63,.02)}.lp-hero-image{position:relative;width:min(560px,100%);max-height:470px;object-fit:contain;z-index:2;filter:drop-shadow(0 30px 45px rgba(0,0,0,.3))}.lp-float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#fff;color:var(--lp-ink);padding:12px 15px;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.18);min-width:180px}.lp-float-top{top:72px;left:0}.lp-float-bottom{right:0;bottom:60px}.lp-float-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf8f0;color:var(--lp-green)}.lp-float-icon.gold{background:#fff5d8;color:#c88700}.lp-float svg{width:17px}.lp-float strong,.lp-float small{display:block}.lp-float strong{font-size:11px}.lp-float small{font-size:9px;color:#7a8698;margin-top:3px}.lp-search-wrap{position:relative;margin-top:-34px;z-index:10}.lp-search-card{background:#fff;border:1px solid rgba(18,45,81,.1);border-radius:20px;padding:18px;box-shadow:0 20px 50px rgba(13,33,61,.1)}.lp-search-row{display:grid;grid-template-columns:1.8fr .85fr .75fr auto;gap:10px}.lp-search-input,.lp-select{border:1px solid var(--lp-border);border-radius:11px;background:#fff;display:flex;align-items:center;min-height:54px}.lp-search-input{padding:0 15px;gap:10px}.lp-search-input svg{width:18px;color:#667085}.lp-search-input input{border:0;outline:0;width:100%;font:inherit;font-size:12px;color:var(--lp-ink)}.lp-select{position:relative;padding:7px 13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.lp-select span{font-size:8px;color:#98a2b3;font-weight:700}.lp-select select{width:100%;border:0;outline:0;background:transparent;font-size:11px;color:var(--lp-ink);font-weight:700}.lp-search-btn{border:0;border-radius:11px;padding:0 18px;background:var(--lp-navy);color:#fff;font-weight:800;font-size:11px;display:flex;gap:7px;align-items:center;justify-content:center}.lp-search-btn svg{width:15px}.lp-category-chips{display:flex;gap:9px;overflow:auto;padding-top:14px}.lp-chip{border:1px solid var(--lp-border);background:#fff;color:#344054;padding:9px 13px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.lp-chip.active{background:#eaf0ff;border-color:#cfd9ff;color:#3348a8}.lp-section{padding:70px 0}.lp-tryout-section{background:#fff}.lp-section-heading{margin-bottom:28px}.lp-section-heading.split{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.lp-section-heading h2{margin:8px 0 8px;font-size:32px;letter-spacing:-1.2px;color:var(--lp-ink)}.lp-section-heading h2 strong.green{color:var(--lp-green)}.lp-section-heading h2 strong.gold{color:#c88700}.lp-section-heading p{margin:0;color:var(--lp-muted);font-size:12px;line-height:1.7;max-width:690px}.lp-kicker{display:inline-flex;color:#53627a;font-size:9px;font-weight:900;letter-spacing:.6px}.lp-kicker.free{color:var(--lp-green)}.lp-kicker.premium{color:#bd7d00}.lp-kicker.webinar{color:#4f46e5}.lp-text-link{display:inline-flex;align-items:center;gap:6px;color:#1e3a8a;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.lp-text-link svg{width:14px}.lp-exam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lp-exam-card{background:#fff;border-radius:16px;border:1px solid var(--lp-border);padding:18px;display:flex;flex-direction:column;min-height:300px;box-shadow:0 8px 24px rgba(16,24,40,.035);transition:.2s}.lp-exam-card:hover{transform:translateY(-4px);box-shadow:var(--lp-shadow)}.lp-exam-card[hidden]{display:none}.lp-exam-card.premium-card{border-color:#f1dfb2;background:linear-gradient(180deg,#fff,#fffcf3)}.lp-card-topline{display:flex;justify-content:space-between;align-items:center}.lp-badge{font-size:8px;font-weight:900;letter-spacing:.5px;padding:5px 8px;border-radius:999px}.lp-badge.free{color:#12803f;background:#e8f8ef}.lp-badge.premium{color:#a86d00;background:#fff1c8}.lp-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eaf8f0;color:var(--lp-green)}.lp-card-icon.gold{background:#fff1c8;color:#c88700}.lp-card-icon svg{width:17px}.lp-exam-card h3{font-size:16px;margin:16px 0 7px;color:var(--lp-ink);line-height:1.3}.lp-exam-card p{font-size:10px;line-height:1.65;color:var(--lp-muted);margin:0 0 14px;min-height:50px}.lp-meta{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--lp-border)}.lp-meta span{font-size:9px;color:#667085;display:flex;gap:7px;align-items:center}.lp-meta svg{width:13px;color:#6c7fd8}.lp-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.lp-card-footer>strong{color:var(--lp-green);font-size:13px}.lp-small-btn{padding:9px 11px;border-radius:8px;text-decoration:none;font-size:9px;font-weight:850}.lp-small-btn.green{background:#19a957;color:#fff}.lp-small-btn.gold{background:#d59608;color:#fff}.lp-premium-price{font-size:25px;font-weight:900;color:#c88700;margin-top:15px}.lp-premium-price small{font-size:11px}.lp-premium-price span{font-size:9px;color:#8a7a5a;font-weight:600}.lp-access-note{font-size:9px;color:#8b7350}.premium-heading{margin-top:70px}.lp-empty,.lp-filter-empty{padding:45px;text-align:center;border:1px dashed var(--lp-border);border-radius:16px;color:#667085;font-size:12px;grid-column:1/-1}.lp-filter-empty{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:22px}.lp-filter-empty svg{width:28px;color:#98a2b3}.lp-trust-strip{background:#061631;color:#fff;padding:22px 0}.lp-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lp-trust-grid>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.lp-trust-grid svg{grid-row:span 2;width:21px;color:var(--lp-gold)}.lp-trust-grid strong{font-size:11px}.lp-trust-grid span{font-size:8px;color:#aab7ca}.lp-learning-section{background:#f8fafc}.lp-learning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lp-learning-card,.lp-webinar-card{background:#fff;border:1px solid var(--lp-border);border-radius:16px;overflow:hidden;box-shadow:0 7px 22px rgba(16,24,40,.035)}.lp-learning-art{height:120px;background:linear-gradient(135deg,#eaf0ff,#f7f9ff);display:grid;place-items:center;position:relative;color:#4356b4}.lp-learning-art svg{width:48px;height:48px}.lp-learning-art span{position:absolute;left:12px;bottom:10px;font-size:8px;font-weight:900;color:#53627a}.lp-learning-body{padding:15px}.lp-mini-tag{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef2ff;color:#4656b8;font-size:7px;font-weight:900}.lp-mini-tag.webinar{background:#f0edff;color:#6345c8}.lp-learning-body h3,.lp-webinar-body h3{font-size:14px;line-height:1.35;margin:9px 0 6px;color:var(--lp-ink)}.lp-learning-body p,.lp-webinar-body p{font-size:9px;line-height:1.6;color:var(--lp-muted);min-height:42px}.lp-learning-meta{font-size:8px;color:#667085}.lp-learning-meta span{display:flex;gap:5px;align-items:center}.lp-learning-meta svg{width:12px}.lp-learning-footer{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.lp-learning-footer strong{font-size:13px;color:#b47700}.lp-outline-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7dee9;border-radius:8px;padding:8px 10px;color:#243b69;text-decoration:none;font-size:9px;font-weight:850;background:#fff}.lp-webinar-section{background:#fff}.lp-webinar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lp-webinar-card{display:grid;grid-template-columns:58px 74px 1fr;align-items:stretch;padding:12px;gap:10px}.lp-webinar-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f8fc;border-radius:10px}.lp-webinar-date strong{font-size:22px;color:var(--lp-ink)}.lp-webinar-date span{font-size:8px;font-weight:900;color:#667085}.lp-webinar-date small{font-size:7px;color:#98a2b3;margin-top:4px}.lp-webinar-art{min-height:105px;border-radius:10px;background:linear-gradient(135deg,#151d4d,#5b5ce2);color:#fff;display:grid;place-items:center}.lp-webinar-art svg{width:30px}.lp-webinar-body{padding:2px 0}.lp-webinar-body h3{font-size:12px}.lp-webinar-body p{min-height:auto;margin:0 0 10px}.lp-cta{padding:40px 0 70px;background:#fff}.lp-cta-box{background:linear-gradient(135deg,#06132b,#0b2348);border-radius:22px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff}.lp-cta-box h2{margin:10px 0 7px;font-size:28px;letter-spacing:-1px}.lp-cta-box p{margin:0;color:#aebcd0;font-size:11px}.lp-footer{background:#020b19;color:#dbe5f3;padding:0 0 20px}.lp-footer-cta{border-bottom:1px solid rgba(255,255,255,.1);padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.lp-footer-cta strong,.lp-footer-cta span{display:block}.lp-footer-cta strong{font-size:15px;color:#fff}.lp-footer-cta span{font-size:10px;color:#93a3ba;margin-top:4px}.lp-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;padding:38px 0}.lp-footer-brand p{font-size:10px;line-height:1.8;color:#8e9db2;max-width:330px}.lp-footer-grid h4{font-size:11px;color:#fff;margin:5px 0 13px}.lp-footer-grid>div:not(.lp-footer-brand){display:flex;flex-direction:column;gap:9px}.lp-footer-grid a:not(.lp-brand){font-size:10px;color:#8e9db2;text-decoration:none}.lp-footer-grid a:not(.lp-brand):hover{color:#fff}.lp-footer-social{display:flex;gap:8px}.lp-footer-social a{width:31px;height:31px;border-radius:8px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#c5d1e1}.lp-footer-social svg{width:14px}.lp-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;display:flex;justify-content:space-between;color:#68788f;font-size:8px}
@media(max-width:1050px){.lp-nav-links{gap:16px}.lp-exam-grid,.lp-learning-grid,.lp-webinar-grid{grid-template-columns:repeat(2,1fr)}.lp-search-row{grid-template-columns:1fr 1fr}.lp-search-btn{min-height:52px}.lp-trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.lp-container{width:min(100% - 28px,680px)}.lp-nav-inner{height:68px}.lp-nav-links,.lp-nav-actions{display:none}.lp-mobile-toggle{display:block}.lp-menu-open .lp-nav-links{display:flex;position:absolute;top:68px;left:14px;right:14px;background:#07162c;border:1px solid rgba(255,255,255,.1);padding:15px;border-radius:14px;flex-direction:column;align-items:flex-start}.lp-menu-open .lp-nav-actions{display:flex;position:absolute;top:260px;left:14px;right:14px}.lp-hero{padding:112px 0 70px}.lp-hero-grid{grid-template-columns:1fr}.lp-hero h1{font-size:46px}.lp-hero-visual{min-height:350px}.lp-hero-image{max-height:350px}.lp-float-top{left:2px;top:25px}.lp-float-bottom{right:2px;bottom:20px}.lp-search-row{grid-template-columns:1fr}.lp-search-btn{min-height:50px}.lp-search-card{padding:14px}.lp-section{padding:55px 0}.lp-section-heading.split{align-items:flex-start;flex-direction:column}.lp-exam-grid,.lp-learning-grid,.lp-webinar-grid{grid-template-columns:1fr}.lp-trust-grid{grid-template-columns:1fr 1fr}.lp-webinar-card{grid-template-columns:58px 70px 1fr}.lp-cta-box{align-items:flex-start;flex-direction:column}.lp-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.lp-footer-brand{grid-column:1/-1}}
@media(max-width:520px){.lp-hero h1{font-size:38px;letter-spacing:-1.8px}.lp-hero-actions{flex-direction:column}.lp-btn{width:100%}.lp-hero-proof{display:grid;grid-template-columns:1fr 1fr}.lp-hero-visual{min-height:300px}.lp-hero-ring{width:280px;height:280px}.lp-hero-glow{width:280px;height:280px}.lp-float{min-width:150px;padding:9px 10px}.lp-float-top{left:-3px}.lp-float-bottom{right:-3px}.lp-trust-grid{grid-template-columns:1fr}.lp-footer-grid{grid-template-columns:1fr}.lp-footer-bottom{flex-direction:column;gap:6px}.lp-footer-cta{align-items:flex-start;flex-direction:column}.lp-footer-cta .lp-btn{width:auto}}
.lp-faq-section{background:#f8fafc}.lp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lp-faq-grid details{background:#fff;border:1px solid var(--lp-border);border-radius:14px;padding:17px 18px}.lp-faq-grid summary{cursor:pointer;list-style:none;font-size:12px;font-weight:850;color:var(--lp-ink);display:flex;justify-content:space-between;gap:15px}.lp-faq-grid summary::-webkit-details-marker{display:none}.lp-faq-grid summary:after{content:'+';font-size:18px;color:#8b98aa}.lp-faq-grid details[open] summary:after{content:'−'}.lp-faq-grid p{margin:11px 0 0;font-size:10px;line-height:1.7;color:var(--lp-muted)}
@media(max-width:800px){.lp-faq-grid{grid-template-columns:1fr}}

/* =========================================================
   DIANGKATASN — PREMIUM EXAM CARD IMAGE
   ========================================================= */

.lp-exam-card{
    overflow:hidden;
    position:relative;
}

.lp-card-image{
    position:relative;
    width:100%;
    height:175px;
    overflow:hidden;
    border-radius:16px;
    margin-bottom:18px;
    background:#eef2f7;
}

.lp-card-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:
        transform .45s ease,
        filter .3s ease;
}

.lp-exam-card:hover .lp-card-image img{
    transform:scale(1.05);
}

.lp-image-badge{
    position:absolute;
    left:12px;
    top:12px;
    z-index:2;
    box-shadow:0 5px 15px rgba(0,0,0,.12);
}

.lp-card-image-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:46px;
}

.free-placeholder{
    color:#079447;
    background:
        linear-gradient(
            135deg,
            #ecfdf3,
            #dff7e8
        );
}

.premium-placeholder{
    color:#c88908;
    background:
        linear-gradient(
            135deg,
            #fff8e5,
            #ffefbd
        );
}

.lp-card-content{
    position:relative;
}

.lp-card-category{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:5px 9px;
    border-radius:8px;
    background:#f5f7fa;
    color:#667085;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.free-card .lp-card-category{
    color:#087f40;
    background:#edf9f1;
}

.premium-card .lp-card-category{
    color:#a66b00;
    background:#fff6dc;
}

.lp-card-icon{
    flex:0 0 auto;
}

/* =========================================================
   CARD HEIGHT CONSISTENCY
   ========================================================= */

.lp-exam-grid{
    align-items:stretch;
}

.lp-exam-card{
    display:flex;
    flex-direction:column;
}

.lp-card-content{
    display:flex;
    flex-direction:column;
    flex:1;
}

.lp-card-content .lp-card-footer{
    margin-top:auto;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:768px){

    .lp-card-image{
        height:165px;
    }

}

@media(max-width:480px){

    .lp-card-image{
        height:155px;
        border-radius:14px;
    }

    .lp-exam-card{
        border-radius:16px;
    }

}

/* ============================================================
   DIANGKATASN PREMIUM LANDING — V2
   ============================================================ */

:root{
    --lp-navy:#071a3a;
    --lp-navy-2:#0b2550;
    --lp-blue:#155eef;
    --lp-blue-soft:#eef4ff;
    --lp-gold:#d9a441;
    --lp-gold-dark:#a97008;
    --lp-green:#079447;
    --lp-green-soft:#ecfdf3;
    --lp-text:#101828;
    --lp-muted:#667085;
    --lp-border:#e7ebf2;
    --lp-bg:#f7f9fc;
    --lp-white:#ffffff;
}

/* ============================================================
   GLOBAL
   ============================================================ */

.lp-section{
    position:relative;
    padding:92px 0;
}

.lp-container{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}

.lp-section-heading{
    margin-bottom:36px;
}

.lp-section-heading h2{
    margin:8px 0 12px;
    color:var(--lp-text);
    font-size:clamp(30px,4vw,46px);
    line-height:1.08;
    letter-spacing:-.035em;
    font-weight:800;
}

.lp-section-heading p{
    max-width:680px;
    color:var(--lp-muted);
    font-size:15px;
    line-height:1.75;
}

.lp-section-heading.split{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
}

/* ============================================================
   HERO
   ============================================================ */

.lp-hero{
    position:relative;
    min-height:680px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 75% 30%,
            rgba(42,102,220,.16),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #f8fbff 0%,
            #ffffff 50%,
            #f3f7fd 100%
        );
}

.lp-hero::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-170px;
    top:-180px;
    border-radius:50%;
    background:rgba(21,94,239,.055);
    filter:blur(2px);
}

.lp-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.02fr .98fr;
    align-items:center;
    gap:45px;
}

.lp-hero-copy{
    padding:65px 0;
}

.lp-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 13px;
    border:1px solid rgba(21,94,239,.13);
    border-radius:999px;
    background:rgba(255,255,255,.8);
    color:var(--lp-blue);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    box-shadow:0 8px 25px rgba(16,24,40,.05);
}

.lp-eyebrow svg{
    width:15px;
    height:15px;
}

.lp-hero h1{
    max-width:720px;
    margin:23px 0 20px;
    color:var(--lp-navy);
    font-size:clamp(43px,5.4vw,72px);
    line-height:1.02;
    letter-spacing:-.055em;
    font-weight:850;
}

.lp-hero h1 span{
    display:block;
    background:linear-gradient(
        90deg,
        var(--lp-blue),
        #3979ed
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.lp-hero-copy>p{
    max-width:630px;
    margin:0;
    color:#667085;
    font-size:17px;
    line-height:1.8;
}

.lp-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.lp-btn{
    min-height:52px;
    padding:0 20px;
    border-radius:13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    text-decoration:none;
    font-weight:750;
    transition:.25s ease;
}

.lp-btn:hover{
    transform:translateY(-2px);
}

.lp-btn-gold{
    color:#fff;
    background:linear-gradient(
        135deg,
        #d49a2f,
        #b97809
    );
    box-shadow:
        0 13px 28px rgba(185,120,9,.24);
}

.lp-btn-gold:hover{
    color:#fff;
    box-shadow:
        0 17px 34px rgba(185,120,9,.31);
}

.lp-btn-ghost{
    color:var(--lp-navy);
    background:#fff;
    border:1px solid var(--lp-border);
    box-shadow:0 8px 25px rgba(16,24,40,.05);
}

.lp-hero-proof{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:27px;
}

.lp-hero-proof span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#667085;
    font-size:12px;
    font-weight:650;
}

.lp-hero-proof svg{
    width:16px;
    color:var(--lp-green);
}

/* ============================================================
   HERO VISUAL
   ============================================================ */

.lp-hero-visual{
    position:relative;
    min-height:590px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.lp-hero-glow{
    position:absolute;
    width:480px;
    height:480px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(21,94,239,.16),
            rgba(21,94,239,.03) 55%,
            transparent 72%
        );
}

.lp-hero-ring{
    position:absolute;
    width:430px;
    height:430px;
    border-radius:50%;
    border:1px solid rgba(21,94,239,.13);
    box-shadow:
        0 0 0 35px rgba(21,94,239,.025),
        0 0 0 70px rgba(21,94,239,.015);
}

.lp-hero-image{
    position:relative;
    z-index:2;
    width:min(530px,100%);
    max-height:600px;
    object-fit:contain;
    filter:
        drop-shadow(0 28px 40px rgba(16,24,40,.16));
}

.lp-float{
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    gap:11px;
    min-width:195px;
    padding:13px;
    border:1px solid rgba(255,255,255,.75);
    border-radius:15px;
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 45px rgba(16,24,40,.12);
}

.lp-float-top{
    top:105px;
    right:0;
}

.lp-float-bottom{
    bottom:100px;
    left:5px;
}

.lp-float strong,
.lp-float small{
    display:block;
}

.lp-float strong{
    color:var(--lp-text);
    font-size:12px;
}

.lp-float small{
    margin-top:3px;
    color:var(--lp-muted);
    font-size:10px;
}

/* ============================================================
   SEARCH
   ============================================================ */

.lp-search-wrap{
    position:relative;
    z-index:10;
    margin-top:-42px;
}

.lp-search-card{
    padding:18px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:20px;
    background:rgba(255,255,255,.94);
    box-shadow:
        0 25px 65px rgba(16,24,40,.12);
    backdrop-filter:blur(18px);
}

.lp-search-row{
    display:grid;
    grid-template-columns:minmax(250px,1fr) 180px 150px auto;
    gap:10px;
}

.lp-search-input,
.lp-select{
    min-height:52px;
    border:1px solid var(--lp-border);
    border-radius:12px;
    background:#fff;
}

.lp-search-input{
    position:relative;
    display:flex;
    align-items:center;
}

.lp-search-input svg{
    width:18px;
    margin-left:15px;
    color:#98a2b3;
}

.lp-search-input input{
    width:100%;
    height:50px;
    padding:0 13px;
    border:0;
    outline:0;
    background:transparent;
    color:var(--lp-text);
}

.lp-select{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:4px 12px;
}

.lp-select span{
    color:#98a2b3;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.lp-select select{
    width:100%;
    border:0;
    outline:0;
    color:var(--lp-text);
    background:#fff;
    font-size:12px;
    font-weight:700;
}

.lp-search-btn{
    min-height:52px;
    padding:0 18px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:var(--lp-navy);
    font-weight:750;
    cursor:pointer;
    transition:.25s ease;
}

.lp-search-btn:hover{
    background:var(--lp-blue);
    transform:translateY(-1px);
}

.lp-category-chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:13px;
}

.lp-chip{
    border:1px solid var(--lp-border);
    border-radius:999px;
    padding:7px 12px;
    color:#667085;
    background:#fff;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
    transition:.2s ease;
}

.lp-chip:hover,
.lp-chip.active{
    border-color:rgba(21,94,239,.18);
    color:var(--lp-blue);
    background:var(--lp-blue-soft);
}

/* ============================================================
   TRYOUT
   ============================================================ */

.lp-tryout-section{
    background:#fff;
}

.lp-kicker{
    display:inline-block;
    color:var(--lp-blue);
    font-size:10px;
    font-weight:850;
    letter-spacing:.1em;
}

.lp-kicker.free{
    color:var(--lp-green);
}

.lp-kicker.premium{
    color:var(--lp-gold-dark);
}

.lp-section-heading h2 .green{
    color:var(--lp-green);
}

.lp-section-heading h2 .gold{
    color:var(--lp-gold-dark);
}

.lp-exam-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.lp-exam-card{
    min-width:0;
    border:1px solid var(--lp-border);
    border-radius:20px;
    background:#fff;
    box-shadow:
        0 7px 25px rgba(16,24,40,.055);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.lp-exam-card:hover{
    transform:translateY(-6px);
    border-color:rgba(21,94,239,.14);
    box-shadow:
        0 22px 45px rgba(16,24,40,.11);
}

.lp-card-image{
    margin:10px 10px 0;
    width:calc(100% - 20px);
    height:180px;
    border-radius:15px;
    overflow:hidden;
}

.lp-card-content{
    padding:0 18px 18px;
}

.lp-card-topline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
}

.lp-card-image+.lp-card-content .lp-card-topline{
    margin-top:16px;
}

.lp-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 9px;
    border-radius:7px;
    font-size:9px;
    font-weight:850;
    letter-spacing:.06em;
}

.lp-badge.free{
    color:#06783a;
    background:#dcfce9;
}

.lp-badge.premium{
    color:#996500;
    background:#fff0bf;
}

.lp-card-icon{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#f1f5f9;
    color:#667085;
}

.lp-card-icon.gold{
    color:#a66b00;
    background:#fff7df;
}

.lp-exam-card h3{
    margin:0 0 9px;
    color:var(--lp-text);
    font-size:17px;
    line-height:1.35;
    letter-spacing:-.02em;
}

.lp-exam-card p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    min-height:63px;
    margin:0;
    color:#667085;
    font-size:12px;
    line-height:1.7;
}

.lp-meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:15px;
    padding-top:13px;
    border-top:1px solid #edf0f4;
}

.lp-meta span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#667085;
    font-size:10px;
    font-weight:650;
}

.lp-meta svg{
    width:14px;
}

.lp-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:17px;
}

.lp-card-footer>strong{
    color:var(--lp-green);
    font-size:15px;
}

.lp-premium-price{
    margin-top:15px;
    color:var(--lp-navy);
    font-size:23px;
    font-weight:850;
    letter-spacing:-.03em;
}

.lp-premium-price small{
    font-size:12px;
}

.lp-premium-price span{
    color:#98a2b3;
    font-size:10px;
    font-weight:600;
}

.lp-access-note{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#98a2b3;
    font-size:9px;
    font-weight:700;
}

.lp-access-note svg{
    width:13px;
}

/* ============================================================
   BUTTON
   ============================================================ */

.lp-small-btn{
    min-height:38px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:9px;
    text-decoration:none;
    font-size:10px;
    font-weight:800;
    transition:.2s ease;
}

.lp-small-btn:hover{
    transform:translateY(-1px);
}

.lp-small-btn svg{
    width:13px;
}

.lp-small-btn.green{
    color:#fff;
    background:var(--lp-green);
}

.lp-small-btn.gold{
    color:#fff;
    background:linear-gradient(
        135deg,
        #d39a32,
        #b47608
    );
}

/* ============================================================
   TRUST
   ============================================================ */

.lp-trust-strip{
    padding:30px 0;
    background:var(--lp-navy);
}

.lp-trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.lp-trust-grid>div{
    display:grid;
    grid-template-columns:35px 1fr;
    column-gap:10px;
    align-items:center;
}

.lp-trust-grid svg{
    grid-row:span 2;
    width:25px;
    color:#f2c76b;
}

.lp-trust-grid strong{
    color:#fff;
    font-size:12px;
}

.lp-trust-grid span{
    color:#9caed0;
    font-size:10px;
}

/* ============================================================
   LEARNING
   ============================================================ */

.lp-learning-section{
    background:
        linear-gradient(
            180deg,
            #f8fafc,
            #fff
        );
}

.lp-learning-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.lp-learning-card{
    overflow:hidden;
    border:1px solid var(--lp-border);
    border-radius:19px;
    background:#fff;
    box-shadow:0 8px 25px rgba(16,24,40,.05);
    transition:.25s ease;
}

.lp-learning-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 38px rgba(16,24,40,.1);
}

.lp-learning-art{
    position:relative;
    height:160px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 30% 30%,
            rgba(255,255,255,.25),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #092451,
            #155eef
        );
}

.lp-learning-art::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
}

.lp-learning-art svg{
    position:relative;
    width:55px;
    height:55px;
    color:#fff;
}

.lp-learning-art span{
    position:absolute;
    left:13px;
    bottom:10px;
    color:rgba(255,255,255,.7);
    font-size:8px;
    font-weight:850;
    letter-spacing:.12em;
}

.lp-learning-body{
    padding:17px;
}

.lp-mini-tag{
    display:inline-block;
    padding:5px 8px;
    border-radius:6px;
    color:var(--lp-blue);
    background:var(--lp-blue-soft);
    font-size:8px;
    font-weight:850;
    letter-spacing:.08em;
}

.lp-mini-tag.webinar{
    color:#7b4ce0;
    background:#f1eaff;
}

.lp-learning-body h3,
.lp-webinar-body h3{
    margin:11px 0 7px;
    color:var(--lp-text);
    font-size:15px;
    line-height:1.35;
}

.lp-learning-body p,
.lp-webinar-body p{
    color:#667085;
    font-size:11px;
    line-height:1.7;
}

.lp-learning-meta{
    margin-top:12px;
    color:#98a2b3;
    font-size:9px;
}

.lp-learning-meta span{
    display:inline-flex;
    align-items:center;
    gap:5px;
}

.lp-learning-meta svg{
    width:13px;
}

.lp-learning-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:15px;
    padding-top:13px;
    border-top:1px solid #edf0f4;
}

.lp-learning-footer strong{
    color:var(--lp-navy);
    font-size:14px;
}

/* ============================================================
   WEBINAR
   ============================================================ */

.lp-webinar-section{
    background:#fff;
}

.lp-webinar-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.lp-webinar-card{
    display:grid;
    grid-template-columns:82px 145px 1fr;
    overflow:hidden;
    min-height:185px;
    border:1px solid var(--lp-border);
    border-radius:19px;
    background:#fff;
    box-shadow:0 8px 25px rgba(16,24,40,.05);
}

.lp-webinar-date{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:var(--lp-navy);
    color:#fff;
}

.lp-webinar-date strong{
    font-size:30px;
    line-height:1;
}

.lp-webinar-date span{
    margin-top:5px;
    color:#f2c76b;
    font-size:9px;
    font-weight:850;
}

.lp-webinar-date small{
    margin-top:14px;
    color:#aab9d4;
    font-size:8px;
}

.lp-webinar-art{
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(
            135deg,
            #f1eaff,
            #e8ddff
        );
}

.lp-webinar-art svg{
    width:48px;
    height:48px;
    color:#7950d9;
}

.lp-webinar-body{
    padding:19px;
}

.lp-outline-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 11px;
    border:1px solid var(--lp-border);
    border-radius:8px;
    color:var(--lp-navy);
    text-decoration:none;
    font-size:9px;
    font-weight:800;
    transition:.2s ease;
}

.lp-outline-btn:hover{
    color:var(--lp-blue);
    border-color:#bfd0f7;
}

/* ============================================================
   FAQ
   ============================================================ */

.lp-faq-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.lp-faq-grid details{
    padding:19px 20px;
    border:1px solid var(--lp-border);
    border-radius:14px;
    background:#fff;
}

.lp-faq-grid summary{
    color:var(--lp-text);
    font-size:13px;
    font-weight:750;
    cursor:pointer;
}

.lp-faq-grid details p{
    margin:12px 0 0;
    color:#667085;
    font-size:11px;
    line-height:1.75;
}

/* ============================================================
   CTA
   ============================================================ */

.lp-cta{
    padding:0 0 90px;
    background:#fff;
}

.lp-cta-box{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:45px 50px;
    border-radius:25px;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(255,255,255,.12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #071a3a,
            #12366d
        );
    box-shadow:0 25px 55px rgba(7,26,58,.18);
}

.lp-cta-box h2{
    margin:10px 0;
    color:#fff;
    font-size:clamp(27px,3vw,42px);
    letter-spacing:-.035em;
}

.lp-cta-box p{
    margin:0;
    color:#afbdd5;
    font-size:13px;
}

/* ============================================================
   EMPTY
   ============================================================ */

.lp-empty{
    grid-column:1/-1;
    padding:45px 20px;
    border:1px dashed #d7dce5;
    border-radius:18px;
    text-align:center;
    color:#98a2b3;
    background:#fafbfc;
}

.lp-filter-empty{
    margin-top:25px;
    padding:35px;
    border:1px dashed #d7dce5;
    border-radius:17px;
    text-align:center;
}

.lp-filter-empty>*{
    display:block;
    margin:5px auto;
}

.lp-filter-empty svg{
    width:28px;
    color:#98a2b3;
}

.lp-filter-empty strong{
    color:var(--lp-text);
}

.lp-filter-empty span{
    color:#98a2b3;
    font-size:11px;
}

/* ============================================================
   RESPONSIVE TABLET
   ============================================================ */

@media(max-width:1050px){

    .lp-hero-grid{
        grid-template-columns:1fr;
    }

    .lp-hero{
        min-height:auto;
    }

    .lp-hero-copy{
        padding:75px 0 20px;
        text-align:center;
    }

    .lp-hero-copy>p{
        margin-left:auto;
        margin-right:auto;
    }

    .lp-hero-actions,
    .lp-hero-proof{
        justify-content:center;
    }

    .lp-hero-visual{
        min-height:500px;
    }

    .lp-exam-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .lp-learning-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .lp-trust-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .lp-search-row{
        grid-template-columns:1fr 1fr;
    }

    .lp-search-btn{
        grid-column:1/-1;
    }
}

/* ============================================================
   RESPONSIVE MOBILE
   ============================================================ */

@media(max-width:700px){

    .lp-container{
        width:min(100% - 28px,1180px);
    }

    .lp-section{
        padding:65px 0;
    }

    .lp-hero-copy{
        padding-top:50px;
    }

    .lp-hero h1{
        font-size:43px;
    }

    .lp-hero-copy>p{
        font-size:14px;
    }

    .lp-hero-visual{
        min-height:410px;
    }

    .lp-hero-image{
        width:90%;
    }

    .lp-hero-ring{
        width:300px;
        height:300px;
    }

    .lp-hero-glow{
        width:350px;
        height:350px;
    }

    .lp-float{
        min-width:160px;
        padding:10px;
    }

    .lp-float-top{
        top:45px;
        right:-3px;
    }

    .lp-float-bottom{
        bottom:50px;
        left:-3px;
    }

    .lp-search-wrap{
        margin-top:-20px;
    }

    .lp-search-row{
        grid-template-columns:1fr;
    }

    .lp-search-btn{
        grid-column:auto;
    }

    .lp-section-heading.split{
        display:block;
    }

    .lp-section-heading.split .lp-text-link{
        margin-top:15px;
    }

    .lp-exam-grid{
        grid-template-columns:1fr;
    }

    .lp-learning-grid{
        grid-template-columns:1fr;
    }

    .lp-webinar-grid{
        grid-template-columns:1fr;
    }

    .lp-webinar-card{
        grid-template-columns:72px 105px 1fr;
    }

    .lp-webinar-body{
        padding:14px;
    }

    .lp-trust-grid{
        grid-template-columns:1fr 1fr;
        gap:25px 12px;
    }

    .lp-cta-box{
        display:block;
        padding:32px 25px;
    }

    .lp-cta-box .lp-btn{
        margin-top:25px;
    }

    .lp-faq-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:430px){

    .lp-hero h1{
        font-size:38px;
    }

    .lp-hero-actions{
        flex-direction:column;
    }

    .lp-hero-actions .lp-btn{
        width:100%;
    }

    .lp-hero-proof{
        display:grid;
        grid-template-columns:1fr;
        justify-content:center;
    }

    .lp-float{
        transform:scale(.86);
    }

    .lp-card-image{
        height:165px;
    }

    .lp-webinar-card{
        grid-template-columns:62px 85px 1fr;
    }

    .lp-webinar-date strong{
        font-size:24px;
    }

    .lp-webinar-body h3{
        font-size:13px;
    }

}

/* ============================================================
   FINAL FIX — TRYOUT CARDS MUST BE VISIBLE
   ============================================================ */

.lp-tryout-section{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

.lp-tryout-section .lp-exam-grid{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    min-height:1px !important;
}

.lp-tryout-section .lp-exam-card{
    display:flex !important;
    flex-direction:column !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
}

.lp-tryout-section .lp-exam-card h3,
.lp-tryout-section .lp-exam-card p,
.lp-tryout-section .lp-card-topline,
.lp-tryout-section .lp-meta,
.lp-tryout-section .lp-card-footer{
    visibility:visible !important;
    opacity:1 !important;
}

#freeExamGrid{
    display:grid !important;
}

#premiumExamGrid{
    display:grid !important;
}

@media(max-width:1050px){
    .lp-tryout-section .lp-exam-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:800px){
    .lp-tryout-section .lp-exam-grid{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   DIANGKATASN - FINAL TRYOUT GRID FIX
   Jangan hapus blok ini
   ========================================================= */

.lp-tryout-section .lp-exam-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    align-items: stretch !important;
}

.lp-tryout-section .lp-exam-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    overflow: hidden !important;

    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid #e7ebf2 !important;
    border-radius: 18px !important;

    padding: 20px !important;

    box-shadow: 0 8px 25px rgba(16,24,40,.06) !important;

    transform: none !important;
}

.lp-tryout-section .lp-exam-card.premium-card {
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #fffdf7 100%
    ) !important;

    border-color: #f0dfb4 !important;
}

.lp-tryout-section .lp-card-topline {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.lp-tryout-section .lp-badge {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.lp-tryout-section .lp-card-icon {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.lp-tryout-section .lp-exam-card h3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    color: #0d1b32 !important;

    font-size: 16px !important;
    line-height: 1.35 !important;

    margin: 16px 0 8px !important;
}

.lp-tryout-section .lp-exam-card p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    color: #667085 !important;

    font-size: 10px !important;
    line-height: 1.65 !important;

    margin: 0 0 14px !important;
}

.lp-tryout-section .lp-meta {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    flex-direction: column !important;
    gap: 7px !important;

    margin-top: auto !important;
    padding-top: 13px !important;

    border-top: 1px dashed #e7ebf2 !important;
}

.lp-tryout-section .lp-meta span {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    align-items: center !important;
    gap: 7px !important;

    color: #667085 !important;
    font-size: 9px !important;
}

.lp-tryout-section .lp-meta svg {
    display: block !important;
    width: 13px !important;
    height: 13px !important;
}

.lp-tryout-section .lp-card-footer {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    margin-top: 16px !important;
}

.lp-tryout-section .lp-card-footer strong {
    color: #18a957 !important;
    font-size: 13px !important;
}

.lp-tryout-section .lp-premium-price {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    margin-top: 15px !important;

    color: #c88700 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
}

.lp-tryout-section .lp-premium-price small {
    font-size: 11px !important;
}

.lp-tryout-section .lp-premium-price span {
    font-size: 9px !important;
    color: #8a7a5a !important;
    font-weight: 600 !important;
}

.lp-tryout-section .lp-access-note {
    display: block !important;
    color: #8b7350 !important;
    font-size: 9px !important;
}

.lp-tryout-section .lp-small-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 9px 11px !important;

    border-radius: 8px !important;

    text-decoration: none !important;

    font-size: 9px !important;
    font-weight: 850 !important;

    white-space: nowrap !important;
}

.lp-tryout-section .lp-small-btn.green {
    background: #19a957 !important;
    color: #ffffff !important;
}

.lp-tryout-section .lp-small-btn.gold {
    background: #d59608 !important;
    color: #ffffff !important;
}

.lp-tryout-section #freeExamGrid,
.lp-tryout-section #premiumExamGrid {
    display: grid !important;
}

.lp-tryout-section #tryoutEmpty[hidden] {
    display: none !important;
}

@media (max-width: 1050px) {

    .lp-tryout-section .lp-exam-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

@media (max-width: 650px) {

    .lp-tryout-section .lp-exam-grid {
        grid-template-columns: 1fr !important;
    }

    .lp-tryout-section .lp-exam-card {
        min-height: 280px !important;
    }

}


/* ============================================================
   TRYOUT CARD — COMPACT PREMIUM
   ============================================================ */

/* Card utama */
.lp-exam-card{
    min-height:0 !important;
    height:auto !important;
    padding:20px !important;
}

/* Judul lebih rapat */
.lp-exam-card h3{
    margin:10px 0 7px !important;
    font-size:17px !important;
    line-height:1.35 !important;
}

/* Deskripsi jangan mengambil terlalu banyak ruang */
.lp-exam-card > p{
    margin:0 0 10px !important;
    font-size:12.5px !important;
    line-height:1.5 !important;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

/* Soal + waktu */
.lp-exam-card .lp-meta{
    margin:8px 0 0 !important;
    padding:8px 0 !important;
    gap:10px !important;
}

/* Rating + peserta */
.lp-exam-card .lp-live-meta{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin:0 !important;
    padding:7px 0 8px !important;
    border-top:1px solid #edf0f4 !important;
    border-bottom:1px solid #edf0f4 !important;
}

/* RATING EMAS */
.lp-exam-card .lp-rating-demo{
    color:#d99a00 !important;
    font-weight:800 !important;
}

.lp-exam-card .lp-rating-demo i{
    color:#f5b301 !important;
    font-size:13px !important;
}

/* Sedang mengerjakan */
.lp-exam-card .lp-active-demo{
    color:#667085 !important;
    font-size:11.5px !important;
    font-weight:700 !important;
}

.lp-exam-card .lp-active-demo i{
    color:#22a06b !important;
    font-size:13px !important;
}

/* Footer dibuat lebih pendek */
.lp-exam-card .lp-card-footer{
    margin-top:10px !important;
    padding-top:0 !important;
}

/* Tombol */
.lp-exam-card .lp-small-btn{
    padding:9px 13px !important;
    font-size:12px !important;
    border-radius:9px !important;
}

/* Harga premium jangan terlalu tinggi */
.lp-exam-card .lp-premium-price{
    margin:8px 0 !important;
    line-height:1.2 !important;
}

/* Mobile */
@media(max-width:650px){

    .lp-exam-card{
        padding:17px !important;
    }

    .lp-exam-card h3{
        font-size:16px !important;
    }

    .lp-exam-card .lp-live-meta{
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
    }
}


/* ============================================================
   DIANGKATASN TRYOUT CARD
   COMPACT + EQUAL HEIGHT + ALIGNED BUTTON
   ============================================================ */

.lp-exam-grid{
    align-items:stretch !important;
    grid-auto-rows:1fr !important;
}

.lp-exam-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:0 !important;
    padding:18px !important;
    box-sizing:border-box !important;
}

/* Topline */
.lp-exam-card .lp-card-topline{
    margin-bottom:8px !important;
}

/* Judul */
.lp-exam-card h3{
    height:44px !important;
    min-height:44px !important;
    margin:5px 0 6px !important;
    font-size:16px !important;
    line-height:1.35 !important;

    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
}

/* Deskripsi */
.lp-exam-card > p{
    height:38px !important;
    min-height:38px !important;
    margin:0 0 7px !important;
    font-size:12px !important;
    line-height:1.55 !important;

    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
}

/* Meta soal + waktu */
.lp-exam-card .lp-meta{
    min-height:30px !important;
    height:30px !important;
    margin:0 !important;
    padding:5px 0 !important;
    box-sizing:border-box !important;
}

/* Rating */
.lp-exam-card .lp-live-meta{
    min-height:29px !important;
    height:29px !important;
    margin:2px 0 0 !important;
    padding:5px 0 !important;
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;

    border-top:1px solid #edf0f4 !important;
    border-bottom:1px solid #edf0f4 !important;
}

/* Rating emas */
.lp-exam-card .lp-rating-demo{
    color:#c88a00 !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.lp-exam-card .lp-rating-demo i{
    color:#f4b400 !important;
    font-size:12px !important;
}

/* Peserta aktif */
.lp-exam-card .lp-active-demo{
    color:#667085 !important;
    font-size:10.5px !important;
    font-weight:700 !important;
}

.lp-exam-card .lp-active-demo i{
    color:#20a464 !important;
}

/* Harga premium */
.lp-exam-card .lp-premium-price{
    height:30px !important;
    min-height:30px !important;
    margin:4px 0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
}

/*
 * Footer selalu didorong ke bawah.
 * Ini yang membuat tombol GRATIS dan PREMIUM sejajar.
 */
.lp-exam-card .lp-card-footer{
    margin-top:auto !important;
    min-height:36px !important;
    height:36px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
}

/* Semua tombol memiliki ukuran seragam */
.lp-exam-card .lp-small-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:34px !important;
    min-height:34px !important;
    padding:0 13px !important;

    border-radius:9px !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
}

/* Premium button */
.lp-exam-card .lp-small-btn.gold{
    height:34px !important;
    min-height:34px !important;
    padding:0 13px !important;
}

/* Gratis button */
.lp-exam-card .lp-small-btn.green{
    height:34px !important;
    min-height:34px !important;
    padding:0 13px !important;
}

/* Mobile */
@media(max-width:650px){

    .lp-exam-card{
        padding:16px !important;
    }

    .lp-exam-card h3{
        height:auto !important;
        min-height:0 !important;
        max-height:44px !important;
    }

    .lp-exam-card .lp-active-demo{
        font-size:10px !important;
    }

    .lp-exam-card .lp-card-footer{
        height:auto !important;
        min-height:36px !important;
    }
}


/* ============================================================
   TRYOUT SEARCH — VISIBLE + MODERN
   ============================================================ */

#tryoutSearch,
#tryoutCategory,
#tryoutAccess{
    background:#ffffff !important;
    color:#172033 !important;
    border:1px solid #d7dee9 !important;
    border-radius:12px !important;
    min-height:46px !important;
    box-sizing:border-box !important;
    outline:none !important;
    opacity:1 !important;
}

#tryoutSearch{
    color:#172033 !important;
    caret-color:#155eef !important;
}

#tryoutSearch::placeholder{
    color:#7b8798 !important;
    opacity:1 !important;
}

#tryoutSearch:focus,
#tryoutCategory:focus,
#tryoutAccess:focus{
    border-color:#58cced !important;
    box-shadow:0 0 0 3px rgba(88,204,237,.15) !important;
}

#tryoutCategory,
#tryoutAccess{
    cursor:pointer !important;
}

#tryoutSearchButton{
    min-height:46px !important;
    border:0 !important;
    border-radius:12px !important;
    cursor:pointer !important;
}


/* ============================================================
   PREMIUM ACTIVITY TOAST
   ============================================================ */

.premium-activity-toast{
    position:fixed;
    left:24px;
    bottom:24px;
    z-index:9999;
    width:min(360px,calc(100vw - 32px));
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    background:rgba(255,255,255,.97);
    border:1px solid #e8e0c5;
    border-radius:16px;
    box-shadow:0 14px 40px rgba(16,24,40,.14);
    backdrop-filter:blur(12px);
    opacity:0;
    visibility:hidden;
    transform:translateY(18px);
    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s ease;
}

.premium-activity-toast.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.premium-activity-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#fff7df;
    color:#d99a00;
}

.premium-activity-icon svg{
    width:20px;
    height:20px;
}

.premium-activity-content{
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.premium-activity-content strong{
    color:#101828;
    font-size:13px;
    font-weight:800;
}

.premium-activity-content span{
    color:#475467;
    font-size:12px;
    font-weight:600;
}

.premium-activity-content small{
    color:#d18b00;
    font-size:11px;
    font-weight:700;
}

#premiumActivityClose{
    border:0;
    background:transparent;
    color:#98a2b3;
    padding:4px;
    cursor:pointer;
}

#premiumActivityClose:hover{
    color:#344054;
}

@media(max-width:600px){
    .premium-activity-toast{
        left:12px;
        right:12px;
        bottom:12px;
        width:auto;
    }
}


/* ============================================================

/* ============================================================
   DIANGKATASN - FLOATING WHATSAPP CS
   ============================================================ */

.floating-wa {
    position: fixed !important;
    right: 24px !important;
    bottom: 104px !important;
    width: 58px !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #25D366 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(16,24,40,.20), 0 3px 8px rgba(16,24,40,.12) !important;
    z-index: 99999 !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.floating-wa:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-3px) scale(1.04) !important;
    box-shadow: 0 14px 34px rgba(16,24,40,.24), 0 4px 10px rgba(16,24,40,.14) !important;
}

.floating-wa .wa-svg {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
    fill: #ffffff !important;
    color: #ffffff !important;
    flex: none !important;
}

.floating-wa span {
    display: none !important;
}

@media (max-width: 600px) {
    .floating-wa {
        width: 54px !important;
        height: 54px !important;
        right: 16px !important;
        bottom: 86px !important;
    }

    .floating-wa .wa-svg {
        width: 28px !important;
        height: 28px !important;
    }
}

/* ============================================================
   DIANGKATASN - MOBILE NAVBAR FINAL
   ============================================================ */

.lp-mobile-toggle {
    display: none;
    position: relative;
    width: 42px;
    height: 42px;
    margin-left: auto;
    padding: 0;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #ffffff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1005;
}

.lp-mobile-toggle svg {
    width: 21px !important;
    height: 21px !important;
    stroke-width: 2.2;
}

@media (max-width: 800px) {

    .lp-navbar {
        z-index: 10000 !important;
    }

    .lp-nav-inner {
        position: relative;
        height: 68px;
    }

    .lp-mobile-toggle {
        display: flex !important;
    }

    .lp-nav-links {
        display: none !important;
        position: absolute !important;
        top: 76px !important;
        left: 14px !important;
        right: 14px !important;

        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: 0 !important;

        padding: 8px !important;

        background: #07162c !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 16px !important;

        box-shadow:
            0 20px 50px rgba(0,0,0,.30) !important;

        z-index: 10001 !important;
    }

    .lp-menu-open .lp-nav-links {
        display: flex !important;
    }

    .lp-nav-links a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        min-height: 46px !important;

        padding: 0 14px !important;

        border-radius: 10px !important;

        color: #dbe4f1 !important;
        font-size: 13px !important;
        font-weight: 700 !important;

        text-decoration: none !important;
    }

    .lp-nav-links a:hover,
    .lp-nav-links a:focus {
        background: rgba(255,255,255,.08) !important;
        color: #ffd978 !important;
    }

    .lp-nav-actions {
        display: none !important;
        position: absolute !important;

        top: 330px !important;
        left: 14px !important;
        right: 14px !important;

        padding: 10px !important;

        background: #07162c !important;

        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 16px !important;

        box-shadow:
            0 20px 50px rgba(0,0,0,.30) !important;

        z-index: 10001 !important;
    }

    .lp-menu-open .lp-nav-actions {
        display: flex !important;
    }

    .lp-nav-actions a {
        flex: 1 !important;
        text-align: center !important;
    }

}

@media (max-width: 520px) {

    .lp-mobile-toggle {
        width: 40px;
        height: 40px;
    }

    .lp-brand {
        min-width: 0 !important;
    }

    .lp-brand img {
        width: 34px !important;
        height: 34px !important;
    }

    .lp-brand strong {
        font-size: 16px !important;
    }

    .lp-brand small {
        font-size: 8px !important;
    }

    .lp-nav-actions {
        top: 330px !important;
    }

}

/* ============================================================
   DIANGKATASN — MOBILE NAVBAR FINAL POLISH
   ============================================================ */

@media (max-width: 800px) {

    .lp-nav-inner {
        min-height: 68px !important;
        height: 68px !important;
    }

    .lp-mobile-toggle {
        display: flex !important;
        position: relative !important;
        z-index: 10005 !important;
    }

    /*
     * Panel menu utama
     */
    .lp-menu-open .lp-nav-links {
        display: flex !important;

        position: fixed !important;

        top: 76px !important;
        left: 12px !important;
        right: 12px !important;

        width: auto !important;

        padding: 10px !important;

        background: #07162c !important;

        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 18px !important;

        box-shadow:
            0 24px 60px rgba(0,0,0,.35) !important;

        z-index: 10004 !important;
    }

    .lp-nav-links a {
        min-height: 44px !important;

        display: flex !important;
        align-items: center !important;

        padding: 0 15px !important;

        color: #e7edf6 !important;

        border-radius: 10px !important;

        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .lp-nav-links a:active {
        background: rgba(255,255,255,.10) !important;
    }

    /*
     * Tombol Masuk / Daftar
     * diletakkan tepat di bawah menu
     */
    .lp-menu-open .lp-nav-actions {
        display: flex !important;

        position: fixed !important;

        top: 342px !important;
        left: 12px !important;
        right: 12px !important;

        width: auto !important;

        padding: 10px !important;

        gap: 8px !important;

        background: #07162c !important;

        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 18px !important;

        box-shadow:
            0 24px 60px rgba(0,0,0,.35) !important;

        z-index: 10004 !important;
    }

    .lp-nav-actions a {
        flex: 1 !important;

        min-height: 42px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 10px !important;

        text-decoration: none !important;
    }

}

/*
 * HP kecil
 */
@media (max-width: 520px) {

    .lp-menu-open .lp-nav-actions {
        top: 342px !important;
    }

    .lp-mobile-toggle {
        width: 40px !important;
        height: 40px !important;
    }

}

/* =========================================================
   LANDING BIMBEL — CLEAN REAL THUMBNAIL
   ========================================================= */

.lp-learning-card .lp-bimbel-art{
    position:relative !important;
    height:160px !important;
    padding:0 !important;
    overflow:hidden !important;

    display:block !important;

    background:#eef2f7 !important;
}

/* MATIKAN DEKORASI ART LAMA */
.lp-learning-card .lp-bimbel-art::before,
.lp-learning-card .lp-bimbel-art::after{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;

    border:0 !important;
    background:none !important;
    box-shadow:none !important;
}

/* THUMBNAIL ASLI */
.lp-learning-card .lp-bimbel-art img{
    position:relative !important;
    z-index:1 !important;

    display:block !important;

    width:100% !important;
    height:100% !important;

    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center !important;

    border:0 !important;
    border-radius:0 !important;

    background:none !important;
}

/* BADGE PILIHAN DI ATAS GAMBAR */
.lp-learning-card .lp-bimbel-art .lp-bimbel-featured{
    position:absolute !important;
    z-index:5 !important;
}

/* PLACEHOLDER */
.lp-learning-card .lp-bimbel-art .lp-bimbel-placeholder{
    position:relative !important;
    z-index:1 !important;

    width:100% !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:
        linear-gradient(
            135deg,
            #eaf1ff,
            #f7f9fc
        ) !important;

    color:#3867ff !important;
}

/* JANGAN TAMPILKAN LABEL DI BAWAH GAMBAR */
.lp-learning-card .lp-bimbel-art > span:not(.lp-bimbel-featured){
    display:none !important;
}


/* =========================================================
   BIMBEL FEATURED BADGE — FIX
   ========================================================= */

.lp-learning-card .lp-learning-art .lp-bimbel-featured{
    position:absolute !important;
    top:12px !important;
    left:12px !important;

    z-index:10 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;

    width:auto !important;
    min-width:0 !important;
    height:auto !important;

    padding:6px 9px !important;
    margin:0 !important;

    border:0 !important;
    border-radius:999px !important;

    background:#ffffff !important;
    color:#2563eb !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:800 !important;

    white-space:nowrap !important;

    box-shadow:
        0 4px 14px rgba(15,23,42,.12) !important;
}

.lp-learning-card .lp-learning-art .lp-bimbel-featured svg{
    position:static !important;
    width:12px !important;
    height:12px !important;
    color:#2563eb !important;
    flex:0 0 12px !important;
}


/* =========================================================
   PILIHAN BADGE — GREEN PREMIUM
   ========================================================= */

.lp-learning-card .lp-learning-art .lp-bimbel-featured{
    position:absolute !important;
    top:12px !important;
    left:12px !important;

    z-index:20 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:max-content !important;
    max-width:max-content !important;
    min-width:0 !important;

    height:auto !important;

    padding:6px 10px !important;
    margin:0 !important;

    border:0 !important;
    border-radius:999px !important;

    background:#16a34a !important;
    color:#ffffff !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:800 !important;

    white-space:nowrap !important;

    box-shadow:
        0 6px 16px rgba(22,163,74,.22) !important;
}

.lp-learning-card .lp-learning-art .lp-bimbel-featured i,
.lp-learning-card .lp-learning-art .lp-bimbel-featured svg{
    width:11px !important;
    height:11px !important;

    margin:0 4px 0 0 !important;

    color:#fff !important;

    display:block !important;
    flex:0 0 11px !important;
}

/* Pastikan tidak ada pseudo-element aneh */
.lp-learning-card .lp-learning-art .lp-bimbel-featured::before,
.lp-learning-card .lp-learning-art .lp-bimbel-featured::after{
    content:none !important;
    display:none !important;
}


/* =========================================================
   FEATURED BIMBEL — CLEAN SMALL BADGE
   ========================================================= */

.lp-learning-card .lp-bimbel-art .lp-bimbel-featured{
    display:none !important;
}

.lp-learning-card .lp-bimbel-art.is-featured::before{
    content:"PILIHAN" !important;

    position:absolute !important;
    top:12px !important;
    left:12px !important;

    z-index:20 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    height:auto !important;

    padding:6px 9px !important;
    margin:0 !important;

    border:0 !important;
    border-radius:999px !important;

    background:#16a34a !important;
    color:#fff !important;

    font-size:8px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;

    box-shadow:0 4px 12px rgba(22,163,74,.20) !important;

    white-space:nowrap !important;
}


/* ============================================================
   MOBILE MENU ICON - NO LUCIDE DEPENDENCY
   ============================================================ */

.lp-mobile-icon{
    width:21px;
    height:18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.lp-mobile-icon span{
    display:block;
    width:21px;
    height:2px;
    border-radius:999px;
    background:#ffffff;
    transition:
        transform .2s ease,
        opacity .2s ease;
}

.lp-mobile-toggle.is-open .lp-mobile-icon span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
}

.lp-mobile-toggle.is-open .lp-mobile-icon span:nth-child(2){
    opacity:0;
}

.lp-mobile-toggle.is-open .lp-mobile-icon span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}

/* ============================================================
   FOOTER LOGO
   ============================================================ */

.lp-footer-logo{
    width:64px !important;
    height:64px !important;
    object-fit:contain !important;
    flex:0 0 64px;
}

@media(max-width:520px){
    .lp-footer-logo{
        width:58px !important;
        height:58px !important;
        flex-basis:58px;
    }
}

/* ============================================================
   FOOTER LOGO FINAL
   ============================================================ */

.lp-footer-brand .lp-brand{
    display:inline-flex;
    align-items:center;
    gap:14px;
    min-width:0;
}

.lp-footer-brand .lp-footer-logo{
    width:110px !important;
    height:auto !important;
    max-height:64px !important;
    object-fit:contain !important;
    flex:0 0 auto !important;
    display:block;
}

.lp-footer-brand .lp-brand span{
    display:flex;
    flex-direction:column;
}

@media(max-width:520px){
    .lp-footer-brand .lp-footer-logo{
        width:92px !important;
        max-height:58px !important;
    }

    .lp-footer-brand .lp-brand{
        gap:11px;
    }
}
/* DIANGKATASN PREMIUM FOOTER */
.dg-premium-footer{
    background:#020b19 !important;
    color:#d7e1ef;
    padding:0 0 20px !important;
}
.dg-premium-footer .lp-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}
.dg-footer-cta{
    margin:0 0 42px;
    padding:28px 32px;
    min-height:110px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:20px;
    background:linear-gradient(135deg,#0a203d,#061326);
}
.dg-footer-cta strong{
    display:block;
    color:#fff;
    font-size:25px;
    font-weight:800;
    margin-bottom:7px;
}
.dg-footer-cta span{
    color:#9eb0c8;
    font-size:14px;
}
.dg-footer-cta>a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:13px 22px;
    border-radius:12px;
    background:linear-gradient(135deg,#f6c453,#e99b27);
    color:#07111f !important;
    text-decoration:none !important;
    font-weight:800;
    white-space:nowrap;
}
.dg-footer-grid{
    display:grid;
    grid-template-columns:2.1fr repeat(5,1fr);
    gap:30px;
    padding:0 0 42px;
}
.dg-footer-brand{
    min-width:0;
}
.dg-logo{
    display:inline-flex;
    align-items:center;
    margin-bottom:17px;
    text-decoration:none !important;
}
.dg-logo img{
    width:215px;
    max-width:100%;
    height:auto;
    display:block;
    filter:drop-shadow(0 7px 18px rgba(0,0,0,.35));
}
.dg-company{
    display:flex;
    align-items:center;
    gap:7px;
    width:max-content;
    max-width:100%;
    color:#fff !important;
    text-decoration:none !important;
    margin-bottom:13px;
}
.dg-company small{
    color:#7f93ad;
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
}
.dg-company strong{
    font-size:13px;
    font-weight:800;
}
.dg-company i{
    width:14px;
    height:14px;
    color:#eab24a;
}
.dg-footer-brand>p{
    max-width:330px;
    margin:0 0 18px;
    color:#899bb3;
    font-size:13px;
    line-height:1.75;
}
.dg-company-site{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:20px;
    color:#aebdd0 !important;
    text-decoration:none !important;
    font-size:12px;
}
.dg-company-site b{
    color:#eab24a;
    font-weight:700;
}
.dg-social{
    display:flex;
    align-items:center;
    gap:9px;
}
.dg-social a{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.09);
    border-radius:10px;
    background:rgba(255,255,255,.035);
    color:#aebed1 !important;
    text-decoration:none !important;
}
.dg-footer-col{
    min-width:0;
}
.dg-footer-col h4{
    display:flex;
    align-items:center;
    gap:8px;
    margin:5px 0 17px;
    color:#fff;
    font-size:14px;
    font-weight:800;
}
.dg-footer-col h4 i{
    width:16px;
    height:16px;
    color:#eab24a;
}
.dg-footer-col>a{
    display:block;
    width:max-content;
    max-width:100%;
    margin:0 0 11px;
    color:#899bb3 !important;
    font-size:12.5px;
    line-height:1.5;
    text-decoration:none !important;
    transition:.18s ease;
}
.dg-footer-col>a:hover{
    color:#fff !important;
    transform:translateX(2px);
}
.dg-footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#667991;
    font-size:11px;
    line-height:1.6;
}
.dg-footer-bottom strong{
    color:#aebed1;
}
.dg-footer-bottom a{
    color:#8ea1b8 !important;
    text-decoration:none !important;
}
.dg-footer-bottom a:hover{
    color:#fff !important;
}
.dg-footer-bottom b{
    margin:0 6px;
    color:#46576d;
}
@media (max-width:1050px){
    .dg-footer-grid{
        grid-template-columns:2fr repeat(3,1fr);
    }
}

@media (max-width:760px){
    .dg-premium-footer .lp-container{
        width:min(100% - 28px,600px);
    }

    .dg-footer-cta{
        padding:24px;
        flex-direction:column;
        align-items:flex-start;
    }

    .dg-footer-cta strong{
        font-size:21px;
    }

    .dg-footer-cta>a{
        width:100%;
        justify-content:center;
    }

    .dg-footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:30px 22px;
    }

    .dg-footer-brand{
        grid-column:1 / -1;
    }

    .dg-footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:480px){
    .dg-footer-grid{
        grid-template-columns:1fr;
    }

    .dg-footer-brand{
        grid-column:auto;
    }

    .dg-logo img{
        width:190px;
    }

    .dg-company{
        flex-wrap:wrap;
    }
}