:root{--mk-blue:#0757b9;--mk-navy:#06285b;--mk-green:#159768;--mk-gold:#f5b516;--mk-bg:#f5f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#09234c;overflow-x:hidden}.btn{border-radius:8px;font-weight:700}.btn-primary{background:#0867e8;border-color:#0867e8}.mk-navbar{min-height:78px;border-bottom:1px solid #e7edf5}.navbar-brand img{display:block;width:auto;height:55px;max-width:260px;object-fit:contain}.navbar .nav-link{font-weight:700;font-size:.92rem;color:#102d55;padding:.8rem .65rem}.hero{background:linear-gradient(115deg,#fff 0%,#f7fbff 48%,#eaf5ff 100%);overflow:hidden}.hero-row{min-height:680px}.hero h1{font-size:clamp(2.65rem,5vw,4.7rem);font-weight:850;letter-spacing:-.045em;line-height:1.02;margin:.7rem 0 1rem}.hero h1 span{color:var(--mk-blue)}.hero .lead{max-width:700px;color:#52657d;font-size:1.08rem;line-height:1.7}.eyebrow{font-weight:850;font-size:.78rem;color:var(--mk-blue);letter-spacing:.07em}.hero-media{position:relative}.hero-img{width:100%;height:520px;object-fit:cover;border-radius:0 0 0 160px;box-shadow:0 20px 50px #1232}.hero-quote{position:absolute;right:7%;bottom:10%;background:#fff;color:#0b3972;padding:16px 24px;border-radius:18px;font-weight:800;font-style:italic;transform:rotate(-4deg);box-shadow:0 12px 30px #1233;max-width:300px;text-align:center}.hero-checks{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:.86rem;font-weight:650}.hero-checks i{color:#17a958;margin-right:5px}.quick-features{position:relative;margin-top:-42px;z-index:5;padding-bottom:35px}.mini-feature{background:#fff;border:1px solid #e6edf6;border-radius:14px;min-height:130px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 30px #1231;font-weight:700;font-size:.86rem}.mini-feature i{font-size:2rem;color:var(--mk-blue);margin-bottom:10px}.why-section{padding:70px 0}.why-section h2{font-size:clamp(2.2rem,4vw,3.3rem);font-weight:850;letter-spacing:-.035em}.why-item{display:flex;gap:16px;align-items:flex-start}.why-item>i{flex:0 0 50px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:var(--mk-blue);font-size:1.35rem}.why-item h5{font-weight:800;margin:2px 0 6px}.why-item p{font-size:.9rem;color:#66758c;margin:0;line-height:1.55}.cta-section{padding:20px 0 70px}.cta-box{background:linear-gradient(120deg,#0757b9,#06285b);color:#fff;border-radius:26px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box h2{font-weight:850;margin:.3rem 0 .6rem}.feature-card{padding:28px 18px;height:100%}.feature-card i,.quick-card i{display:block;font-size:2rem;color:var(--mk-blue);margin-bottom:12px}.feature-card p{font-size:.9rem;color:#66758c}.coop-card{border:0;border-radius:20px;box-shadow:0 8px 30px #1232}.coop-badge{width:55px;height:55px;border-radius:50%;background:#e8f2ff;display:grid;place-items:center;font-size:1.5rem;color:var(--mk-blue);margin-bottom:20px}.footer{background:#06285b;color:#dce8f8;margin-top:0!important}.footer a{display:block;color:#eaf3ff;text-decoration:none;margin:7px 0}.footer h6{font-weight:800;color:#fff}.footer-logo{display:block;width:auto;height:62px;max-width:280px;object-fit:contain;filter:brightness(0) invert(1)}.footer-social{display:flex;gap:16px;font-size:1.3rem;color:#fff}.footer-tagline{font-size:1.55rem;font-weight:700;font-style:italic;margin-top:25px;color:#fff}.footer hr{border-color:#ffffff35;margin-top:30px}.splash-open{overflow:hidden}.splash-overlay{position:fixed;inset:0;z-index:3000;background:#eef6ff;transition:.35s;overflow:hidden}.splash-overlay.hide{opacity:0;transform:scale(1.01)}.splash-carousel,.splash-carousel .carousel-inner,.splash-carousel .carousel-item{width:100%;height:100%}.splash-slide{height:100%;min-height:100dvh;display:grid;place-items:center;text-align:center;padding:90px 24px 150px;background:linear-gradient(145deg,#f9fcff,#e7f4ff);position:relative;overflow:hidden}.splash-slide:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,#fff9,transparent 35%),radial-gradient(circle at 85% 80%,#15976818,transparent 28%);pointer-events:none}.splash-one{background:linear-gradient(#ffffffb8,#eef7ffc9),url('../images/hero-koperasi.jpg') center/cover no-repeat}.splash-content{position:relative;z-index:2;width:min(720px,92vw)}.splash-logo{display:block;width:min(430px,80vw);height:auto;margin:0 auto 35px}.splash-content h2{font-size:clamp(2rem,5vw,4rem);font-weight:850;line-height:1.08}.splash-content p{font-size:clamp(1rem,2vw,1.25rem);max-width:680px;margin:18px auto;color:#4f637c}.splash-icon{font-size:clamp(4.5rem,10vw,7rem);color:var(--mk-blue);display:block;margin-bottom:25px}.splash-actions{position:absolute;z-index:3010;left:50%;bottom:max(32px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(720px,calc(100% - 32px));display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:#ffffffde;backdrop-filter:blur(12px);border:1px solid #ffffffaa;border-radius:16px;box-shadow:0 10px 35px #1232}.splash-carousel .carousel-indicators{bottom:105px}.splash-carousel .carousel-indicators [data-bs-target]{width:28px;height:5px;border:0;border-radius:10px;background-color:#6f8fb4}.splash-carousel .carousel-control-prev-icon,.splash-carousel .carousel-control-next-icon{filter:invert(25%)}.coop-hero{background:linear-gradient(120deg,var(--coop),#06285b);color:white}.coop-name-card{display:inline-block;background:#fff;color:#09234c;padding:30px;border-radius:22px;min-width:300px}.coop-name-card i{font-size:3rem;color:var(--coop)}.quick-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#09234c;background:#fff;padding:22px 10px;border-radius:16px;box-shadow:0 5px 20px #1232;height:100%;font-weight:700}.info-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #e6edf5;text-decoration:none;color:inherit}.login-card{max-width:500px;background:#fff;padding:35px;border-radius:24px;box-shadow:0 15px 50px #1232}.login-card img{width:auto;max-width:260px;height:auto;object-fit:contain}.dashboard-body{background:#f4f7fb}.sidebar{position:fixed;width:270px;height:100vh;background:#06285b;color:#fff;padding:24px;overflow:auto}.sidebar>img{width:auto;max-width:210px;height:auto;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:25px}.sidebar small{opacity:.65}.sidebar nav{margin-top:25px}.sidebar nav a,.sidebar nav button{display:block;width:100%;color:#dce8f8;text-decoration:none;background:none;border:0;text-align:left;padding:12px 10px;border-radius:10px}.sidebar nav a:hover,.sidebar nav button:hover{background:#ffffff18;color:#fff}.sidebar i{width:24px;display:inline-block}.dashboard-main{margin-left:270px;padding:40px;width:calc(100% - 270px);min-height:100vh}.stat-card{background:#fff;padding:24px;border-radius:18px;box-shadow:0 5px 20px #1231}.stat-card span{display:block;color:#6c7d95}.stat-card strong{font-size:2.3rem}.mobile-head{display:none}
@media(max-width:991px){.mk-navbar{min-height:68px}.navbar-brand img{height:46px;max-width:220px}.navbar-collapse{padding:12px 0 18px}.hero-row{min-height:auto}.hero-media{padding-bottom:45px}.hero-img{height:390px;border-radius:30px}.hero-quote{right:7%;bottom:12%;font-size:.9rem}.quick-features{margin-top:0;padding-top:25px}.cta-box{padding:32px;flex-direction:column;align-items:flex-start}.sidebar{display:none}.dashboard-main{margin-left:0;width:100%;padding:20px}.mobile-head{display:block;margin-bottom:20px}.coop-name-card{min-width:0;width:100%}}
@media(max-width:575px){.container{--bs-gutter-x:1.35rem}.navbar-brand img{height:42px;max-width:200px}.hero{background:linear-gradient(180deg,#fff,#eef7ff)}.hero h1{font-size:2.65rem}.hero .lead{font-size:1rem}.hero-media{padding-bottom:30px}.hero-img{height:300px;border-radius:24px}.hero-quote{position:relative;right:auto;bottom:auto;margin:-38px 18px 0 auto;width:78%;font-size:.78rem;padding:12px;z-index:2}.hero-checks{gap:9px;flex-direction:column}.mini-feature{min-height:115px;padding:16px 8px;font-size:.78rem}.why-section{padding:50px 0}.why-item>i{flex-basis:44px;width:44px;height:44px}.cta-section{padding-bottom:50px}.cta-box{border-radius:20px;padding:28px 22px}.cta-box .btn{width:100%}.footer-logo{height:54px;max-width:240px}.splash-slide{padding:65px 22px 165px}.splash-logo{width:min(310px,82vw);margin-bottom:28px}.splash-content h2{font-size:2.25rem}.splash-content p{font-size:.98rem}.splash-actions{bottom:max(18px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;padding:13px}.splash-actions .btn{width:100%}.splash-carousel .carousel-indicators{bottom:145px}.splash-carousel .carousel-control-prev,.splash-carousel .carousel-control-next{display:none}}
/* MyKoperasi v6 responsive refinements */
.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:62px;height:62px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand strong{display:block;color:#fff;font-size:2rem;line-height:1}.footer-brand small{display:block;color:#fff;font-size:.72rem;margin-top:5px}.footer-contact{display:flex!important;align-items:center;gap:10px;margin:12px 0!important}.footer-contact i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ffffff18}.page-hero{padding:75px 0 55px;background:linear-gradient(120deg,#f9fcff,#eaf5ff)}.page-hero h1{font-size:clamp(2.3rem,5vw,4.2rem);font-weight:850;letter-spacing:-.04em}.page-hero p{font-size:1.08rem;color:#61728a;max-width:760px}.contact-card{height:100%;display:flex;align-items:center;gap:20px;padding:28px;border:1px solid #e4edf7;border-radius:22px;text-decoration:none;color:#09234c;background:#fff;box-shadow:0 10px 30px #1231;transition:.2s}.contact-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #1232}.contact-icon{flex:0 0 68px;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:#eaf3ff;color:var(--mk-blue);font-size:1.8rem}.contact-card span{font-size:.78rem;font-weight:850;color:var(--mk-blue);letter-spacing:.06em}.contact-card h3{font-size:1.2rem;font-weight:800;margin:4px 0}.contact-card p{margin:0;color:#6b7a8f}.contact-arrow{margin-left:auto;font-size:1.5rem;color:var(--mk-blue)}.coop-search{background:#fff;border:1px solid #dfe8f3;border-radius:14px;padding:13px 16px;display:flex;gap:10px;align-items:center;box-shadow:0 7px 25px #1231}.coop-search input{border:0;outline:0;width:100%;background:transparent}.coop-directory-card{height:100%;display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #e7eef6;border-radius:20px;padding:24px;text-decoration:none;color:#09234c;box-shadow:0 8px 25px #1231;transition:.2s}.coop-directory-card:hover{transform:translateY(-4px);border-color:#bcd7f8}.coop-directory-logo{flex:0 0 72px;width:72px;height:72px;border-radius:18px;background:#eef6ff;display:grid;place-items:center;overflow:hidden;color:var(--mk-blue);font-size:2rem}.coop-directory-logo img{width:100%;height:100%;object-fit:contain;padding:7px}.coop-directory-card h4{font-weight:800;font-size:1.08rem;margin:0 0 5px}.coop-directory-card p{font-size:.9rem;color:#6b7a8f;margin:0 0 8px}.coop-directory-card span{font-size:.85rem;font-weight:800;color:var(--mk-blue)}.empty-state{text-align:center;padding:60px;background:#f6f9fc;border-radius:20px}.empty-state i{font-size:3rem;color:#8ca6c5}
.splash-overlay{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:3000;background:linear-gradient(145deg,#f9fcff,#e7f4ff);overflow:hidden}.splash-static{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 24px max(120px,calc(env(safe-area-inset-bottom) + 100px));position:relative}.splash-static:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,#fff,transparent 35%),radial-gradient(circle at 85% 80%,#15976818,transparent 30%);pointer-events:none}.splash-brand{position:relative;text-align:center;max-width:700px}.splash-brand img{width:clamp(92px,12vw,150px);height:auto;display:block;margin:0 auto 18px}.splash-brand h1{font-size:clamp(2.4rem,6vw,4.8rem);font-weight:900;color:#0757b9;letter-spacing:-.05em;margin:0}.splash-brand h2{font-size:clamp(1.2rem,2.8vw,2rem);font-weight:800;margin:8px 0 14px}.splash-brand p{font-size:clamp(.95rem,2vw,1.2rem);color:#52657d;margin:auto;max-width:600px}.splash-actions{position:absolute;z-index:2;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(680px,calc(100% - 32px));display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:#fffffff0;border:1px solid #fff;border-radius:18px;box-shadow:0 10px 35px #1232}.splash-actions .btn{min-width:180px}.splash-overlay.hide{opacity:0;transition:opacity .3s}.splash-open{overflow:hidden}
@media(max-width:575px){.splash-static{justify-content:center;padding:24px 20px 135px}.splash-brand img{width:92px;margin-bottom:14px}.splash-brand h1{font-size:2.55rem}.splash-brand h2{font-size:1.15rem}.splash-brand p{font-size:.92rem}.splash-actions{bottom:max(14px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;padding:12px}.splash-actions .btn{width:100%;min-width:0}.contact-card{padding:20px;gap:14px}.contact-icon{flex-basis:52px;width:52px;height:52px;border-radius:15px;font-size:1.35rem}.contact-card h3{font-size:1rem;overflow-wrap:anywhere}.contact-arrow{display:none}.page-hero{padding:50px 0 35px}.footer-brand strong{font-size:1.7rem}}
@media(max-height:560px) and (orientation:landscape){.splash-static{padding:15px 20px 92px}.splash-brand img{width:65px;margin-bottom:7px}.splash-brand h1{font-size:2rem}.splash-brand h2{font-size:1rem;margin:3px 0 6px}.splash-brand p{font-size:.82rem}.splash-actions{bottom:10px;padding:9px 12px}}

/* v6.2 responsive carousel splash */
.splash-overlay{height:100vh;height:100dvh;overflow:hidden}
.splash-carousel,.splash-carousel .carousel-inner,.splash-carousel .carousel-item{height:100%;min-height:0}
.splash-slide{height:100%;min-height:0;padding:clamp(28px,7vh,80px) clamp(20px,5vw,60px) clamp(150px,20vh,190px);display:flex;align-items:center;justify-content:center}
.splash-content{width:min(720px,90vw);max-height:calc(100dvh - 190px);overflow:hidden}
.splash-logo{width:min(390px,72vw);max-height:22vh;object-fit:contain;margin:0 auto clamp(18px,4vh,34px)}
.splash-content h2{font-size:clamp(1.75rem,5vw,3.8rem);line-height:1.08;margin:0}
.splash-content p{font-size:clamp(.9rem,2vw,1.2rem);line-height:1.55;margin:clamp(10px,2vh,18px) auto 0}
.splash-icon{font-size:clamp(3.5rem,10vh,6.5rem);margin-bottom:clamp(12px,3vh,25px)}
.splash-actions{bottom:max(18px,env(safe-area-inset-bottom));width:min(720px,calc(100% - 28px));z-index:3020}
.splash-carousel .carousel-indicators{bottom:max(105px,calc(env(safe-area-inset-bottom) + 92px));margin-bottom:0;z-index:3015}
@media(max-width:575px){
 .splash-slide{padding:22px 18px 154px}
 .splash-content{width:100%;max-height:calc(100dvh - 165px)}
 .splash-logo{width:min(285px,76vw);max-height:18vh;margin-bottom:18px}
 .splash-content h2{font-size:clamp(1.75rem,9vw,2.45rem)}
 .splash-content p{font-size:clamp(.88rem,4vw,1rem);line-height:1.5}
 .splash-icon{font-size:clamp(3.5rem,17vw,5rem);margin-bottom:14px}
 .splash-actions{bottom:max(10px,env(safe-area-inset-bottom));padding:11px 13px;gap:10px;border-radius:18px}
 .splash-carousel .carousel-indicators{bottom:max(142px,calc(env(safe-area-inset-bottom) + 132px))}
}
@media(max-height:650px){
 .splash-slide{padding-top:14px;padding-bottom:118px}
 .splash-logo{max-height:15vh;margin-bottom:8px}
 .splash-icon{font-size:3.2rem;margin-bottom:8px}
 .splash-content h2{font-size:clamp(1.45rem,6vh,2.2rem)}
 .splash-content p{font-size:.82rem;line-height:1.35;margin-top:7px}
 .splash-actions{padding:8px 12px;bottom:max(6px,env(safe-area-inset-bottom))}
 .splash-carousel .carousel-indicators{bottom:max(91px,calc(env(safe-area-inset-bottom) + 82px))}
}
@media(max-height:560px) and (orientation:landscape){
 .splash-slide{padding:10px 100px 76px}
 .splash-content{max-height:calc(100dvh - 82px)}
 .splash-logo{width:210px;max-height:13vh;margin-bottom:5px}
 .splash-icon{font-size:2.7rem;margin-bottom:4px}
 .splash-content h2{font-size:1.55rem}
 .splash-content p{font-size:.76rem;line-height:1.25;margin-top:5px}
 .splash-actions{width:min(650px,calc(100% - 28px));flex-direction:row;padding:6px 10px}
 .splash-actions .btn{width:auto;min-width:145px}
 .splash-carousel .carousel-indicators{bottom:64px}
 .splash-carousel .carousel-control-prev,.splash-carousel .carousel-control-next{display:flex}
}

/* v6.3 features, FAQ and visible splash navigation */
.feature-detail-card{background:#fff;border:1px solid #e4edf7;border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(9,35,76,.07);transition:.2s ease}.feature-detail-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(9,35,76,.11)}.feature-detail-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#eaf3ff;color:var(--mk-blue);font-size:1.6rem;margin-bottom:20px}.feature-detail-card h3{font-size:1.15rem;font-weight:800}.feature-detail-card p{color:#61738a;line-height:1.7;margin:0}.feature-callout{background:linear-gradient(120deg,#0757b9,#06285b);color:#fff;border-radius:24px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.feature-callout h2{font-weight:850;margin:.35rem 0}.feature-callout p{margin:0;color:#e6f0ff}.faq-accordion .accordion-item{border:1px solid #e2eaf4;border-radius:14px!important;margin-bottom:12px;overflow:hidden}.faq-accordion .accordion-button{font-weight:800;color:#09234c;padding:20px 22px;box-shadow:none}.faq-accordion .accordion-button:not(.collapsed){background:#edf5ff;color:var(--mk-blue)}.faq-accordion .accordion-body{color:#586c84;line-height:1.75;padding:20px 22px}.faq-help{display:flex;align-items:center;gap:18px;padding:24px;border-radius:18px;background:#f0f7ff}.faq-help>i{font-size:2rem;color:var(--mk-blue)}.faq-help div{flex:1}.faq-help h3{font-size:1.1rem;font-weight:800;margin:0 0 4px}.faq-help p{margin:0;color:#61738a}.splash-carousel .carousel-control-prev,.splash-carousel .carousel-control-next{display:flex!important;opacity:1;width:clamp(52px,8vw,92px);z-index:3018}.splash-carousel .carousel-control-prev-icon,.splash-carousel .carousel-control-next-icon{width:48px;height:48px;border-radius:50%;background-color:rgba(255,255,255,.94);background-size:19px;box-shadow:0 8px 24px rgba(9,35,76,.18);filter:none}.splash-carousel .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230757b9' d='M11 1 4 8l7 7 1.4-1.4L6.8 8l5.6-5.6z'/%3E%3C/svg%3E")}.splash-carousel .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230757b9' d='m5 1-1.4 1.4L9.2 8l-5.6 5.6L5 15l7-7z'/%3E%3C/svg%3E")}
@media(max-width:767px){.feature-callout{padding:28px 22px;flex-direction:column;align-items:flex-start}.feature-callout .btn{width:100%}.faq-help{align-items:flex-start;flex-wrap:wrap}.faq-help .btn{width:100%}.splash-carousel .carousel-control-prev,.splash-carousel .carousel-control-next{width:54px;align-items:center}.splash-carousel .carousel-control-prev-icon,.splash-carousel .carousel-control-next-icon{width:40px;height:40px;background-size:16px}.splash-carousel .carousel-control-prev{justify-content:flex-start;padding-left:7px}.splash-carousel .carousel-control-next{justify-content:flex-end;padding-right:7px}.splash-content{width:calc(100% - 64px)}}
@media(max-height:560px) and (orientation:landscape){.splash-carousel .carousel-control-prev-icon,.splash-carousel .carousel-control-next-icon{width:34px;height:34px}.splash-content{width:min(650px,calc(100% - 100px))}}