/* SIMakam Modern Full Style - Public + Admin */
:root{
  --primary:#fb6f5d;
  --primary-2:#ff9b54;
  --teal:#0f766e;
  --blue:#2563eb;
  --navy:#081228;
  --dark:#111827;
  --muted:#64748b;
  --soft:#f8fafc;
  --line:rgba(15,23,42,.08);
  --shadow:0 22px 70px rgba(15,23,42,.10);
  --radius:28px;
}
*{box-sizing:border-box;letter-spacing:-.01em}
html,body{overflow-x:hidden}
body{margin:0;background:#fff;color:var(--dark);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration:none}.site-main{width:100%}.page-section{padding:88px 0}.soft-bg{background:linear-gradient(135deg,#f8fafc 0%,#fff7ed 100%)}
.navbar-luxury{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.06);min-height:76px}.navbar-brand{font-weight:900;color:#101828!important;font-size:1.35rem}.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 16px 35px rgba(249,115,22,.25)}.nav-link{font-weight:800;color:#475569!important;border-radius:999px;padding:9px 15px!important}.nav-link:hover,.nav-link.active{background:rgba(249,115,22,.10);color:#f97316!important}
.btn-ad-primary,.btn-brand{border:0;color:#fff!important;border-radius:999px;font-weight:900;padding:12px 22px;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 16px 35px rgba(249,115,22,.27);transition:.22s ease}.btn-ad-primary:hover,.btn-brand:hover{transform:translateY(-2px);box-shadow:0 22px 45px rgba(249,115,22,.33)}.btn-ad-outline{color:#111827!important;background:#fff;border:2px solid rgba(17,24,39,.10);border-radius:999px;font-weight:900;padding:12px 22px}.btn-ad-outline:hover{background:#111827;color:#fff!important}.btn-soft{border:1px solid rgba(15,23,42,.08);background:#fff;color:#111827;border-radius:999px;font-weight:850;padding:11px 18px}.btn-soft:hover{background:#111827;color:#fff}.form-control,.form-select{border-radius:16px;border:1px solid rgba(15,23,42,.12);padding:12px 15px}.form-control:focus,.form-select:focus{border-color:rgba(249,115,22,.55);box-shadow:0 0 0 .25rem rgba(249,115,22,.12)}
.hero-agency-full{position:relative;width:100%;min-height:calc(100vh - 76px);display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#fff8f2 0%,#fff 42%,#eefbff 100%);padding:70px 0 90px}.hero-container{position:relative;z-index:2}.hero-chip{display:inline-flex;align-items:center;padding:12px 20px;border-radius:999px;background:rgba(15,118,110,.10);color:#0f766e;font-weight:900;font-size:.95rem;margin-bottom:26px}.hero-heading{font-size:clamp(48px,7vw,100px);line-height:.93;font-weight:950;letter-spacing:-.075em;color:#081228;margin-bottom:24px}.hero-text{max-width:620px;color:#5b6b7f;font-size:1.1rem;line-height:1.85;font-weight:500}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.hero-shape{position:absolute;border-radius:999px;z-index:1}.hero-shape-1{width:420px;height:420px;top:-110px;right:-100px;background:linear-gradient(135deg,#fb7185,#f97316)}.hero-shape-2{width:300px;height:300px;bottom:-110px;left:-100px;background:linear-gradient(135deg,#22c55e,#0ea5e9);opacity:.9}.hero-shape-3{width:150px;height:150px;top:180px;left:50%;background:#facc15;opacity:.7}
.hero-mockup-wrap{position:relative;min-height:680px}.mock-circle{position:absolute;border-radius:50%}.mock-circle.bg1{width:520px;height:520px;right:40px;top:70px;background:linear-gradient(135deg,#14b8a6,#2563eb)}.mock-circle.bg2{width:170px;height:170px;right:0;top:20px;background:linear-gradient(135deg,#fb7185,#f97316)}.mock-circle.bg3{width:120px;height:120px;left:20px;top:160px;background:#facc15;opacity:.75}.mock-phone{position:absolute;right:80px;top:30px;width:340px;height:610px;background:#081228;border-radius:42px;padding:16px;transform:rotate(5deg);box-shadow:0 35px 100px rgba(8,18,40,.32);z-index:3}.mock-notch{width:92px;height:10px;background:rgba(255,255,255,.20);border-radius:999px;margin:8px auto 16px}.mock-screen{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-radius:30px;height:calc(100% - 34px);padding:24px}.mock-map{position:relative;height:240px;border-radius:26px;overflow:hidden;background:linear-gradient(90deg,rgba(20,184,166,.12) 1px,transparent 1px),linear-gradient(180deg,rgba(20,184,166,.12) 1px,transparent 1px),linear-gradient(135deg,#ecfeff,#fff7ed);background-size:30px 30px}.pin{position:absolute;width:20px;height:20px;border-radius:50%}.pin1{top:70px;left:60px;background:#fb7185;box-shadow:0 0 0 10px rgba(251,113,133,.15)}.pin2{top:130px;right:60px;background:#14b8a6;box-shadow:0 0 0 10px rgba(20,184,166,.15)}.pin3{bottom:44px;left:145px;background:#f97316;box-shadow:0 0 0 10px rgba(249,115,22,.15)}.mock-screen h4{margin-top:24px;margin-bottom:10px;font-weight:950;color:#0f172a}.mock-screen p{color:#64748b;line-height:1.7}.mock-search{margin-top:20px;display:flex;align-items:center;gap:10px;padding:15px 18px;background:#f1f5f9;border-radius:16px;color:#94a3b8;font-weight:700}.floating-card{position:absolute;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.95);padding:16px 18px;border-radius:22px;box-shadow:0 20px 55px rgba(15,23,42,.12);z-index:4;min-width:210px}.fc-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#fb7185,#f97316);font-size:1.15rem}.floating-card strong{display:block;font-size:1.45rem;line-height:1.05;font-weight:950;color:#0f172a}.floating-card span{display:block;color:#64748b;font-weight:700}.fc1{left:30px;top:140px}.fc2{right:0;bottom:150px}.fc3{left:10px;bottom:70px}
.section-title-wrap{max-width:820px;margin:0 auto}.section-kicker{display:inline-block;color:#f97316;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.78rem;margin-bottom:12px}.section-title-big{font-size:clamp(34px,4vw,56px);line-height:1.05;font-weight:950;letter-spacing:-.06em;color:#0f172a}.section-subtitle{color:#64748b;font-size:1.05rem;line-height:1.8}.feature-box-modern,.modern-card{height:100%;background:#fff;border-radius:30px;padding:34px 28px;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.05);transition:.25s ease}.feature-box-modern:hover,.modern-card:hover{transform:translateY(-6px)}.feature-badge,.modern-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;color:#fff;font-size:1.5rem;margin-bottom:24px}.pink{background:linear-gradient(135deg,#fb7185,#f43f5e)}.blue{background:linear-gradient(135deg,#38bdf8,#2563eb)}.green{background:linear-gradient(135deg,#2dd4bf,#0f766e)}.orange{background:linear-gradient(135deg,#facc15,#f97316)}.feature-box-modern h5,.modern-card h5{font-weight:900}.feature-box-modern p,.modern-card p{color:#64748b;line-height:1.75;margin-bottom:0}.finance-panel-modern{padding:38px;border-radius:34px;color:#fff;background:linear-gradient(135deg,#0f172a 0%,#0f766e 100%);box-shadow:0 26px 80px rgba(15,23,42,.20)}.finance-panel-modern .mini-label{display:inline-block;color:rgba(255,255,255,.70);font-weight:800;margin-bottom:8px}.finance-panel-modern h3{font-size:clamp(34px,4vw,54px);font-weight:950;letter-spacing:-.06em;margin-bottom:10px}.finance-panel-modern p{color:rgba(255,255,255,.75);line-height:1.8}.finance-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.finance-mini-grid>div{background:rgba(255,255,255,.10);border-radius:20px;padding:18px}.finance-mini-grid small{display:block;color:rgba(255,255,255,.65);font-weight:700;margin-bottom:4px}.money-plus{color:#059669;font-weight:900}.money-minus{color:#dc2626;font-weight:900}.latest-list-modern{display:grid;gap:16px}.latest-row-modern{display:flex;align-items:center;gap:16px;background:#fff;border-radius:24px;padding:18px 20px;box-shadow:0 14px 42px rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.05)}.latest-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#14b8a6,#2563eb);color:#fff;font-size:1.3rem;flex:0 0 auto}.latest-row-modern h6{margin-bottom:4px;font-weight:900;color:#0f172a}.latest-row-modern p{margin-bottom:0;color:#64748b;font-weight:600}.cta-modern{padding:0 0 90px}.cta-modern-box{padding:42px;border-radius:34px;background:linear-gradient(135deg,#fb7185 0%,#f97316 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-modern-box span{display:inline-block;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:rgba(255,255,255,.76);margin-bottom:8px}.cta-modern-box h2{font-size:clamp(30px,4vw,50px);line-height:1.06;font-weight:950;letter-spacing:-.05em;max-width:760px;margin:0}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff8f2,#fff 45%,#ecfeff);padding:92px 0 68px}.page-hero:before{content:"";position:absolute;width:360px;height:360px;right:-90px;top:-120px;border-radius:50%;background:linear-gradient(135deg,#fb7185,#f97316)}.page-hero:after{content:"";position:absolute;width:220px;height:220px;left:-90px;bottom:-120px;border-radius:50%;background:linear-gradient(135deg,#14b8a6,#2563eb);opacity:.8}.page-hero .container{position:relative;z-index:2}.page-chip{display:inline-flex;padding:10px 17px;border-radius:999px;background:rgba(249,115,22,.12);color:#f97316;font-weight:900;margin-bottom:18px}.page-title{font-size:clamp(40px,5vw,72px);line-height:.98;font-weight:950;letter-spacing:-.07em;color:#081228}.page-desc{max-width:690px;color:#64748b;font-size:1.08rem;line-height:1.8}.search-card{background:#fff;border-radius:30px;padding:26px;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.06);margin-top:-42px;position:relative;z-index:4}.result-card{height:100%;background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.06)}.result-photo{height:210px;background:linear-gradient(135deg,#0f172a,#0f766e);display:grid;place-items:center;color:#fff;font-size:3rem;overflow:hidden}.result-photo img{width:100%;height:100%;object-fit:cover}.result-body{padding:24px}.pill{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(15,118,110,.10);color:#0f766e;font-weight:800;font-size:.88rem}.detail-photo{border-radius:34px;overflow:hidden;min-height:370px;background:linear-gradient(135deg,#0f172a,#0f766e);display:grid;place-items:center;color:#fff;font-size:5rem;box-shadow:var(--shadow)}.detail-photo img{width:100%;height:100%;object-fit:cover}.info-list{display:grid;gap:14px}.info-row{display:flex;gap:14px;align-items:flex-start;padding:15px;border-radius:18px;background:#f8fafc}.info-row i{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:rgba(249,115,22,.12);color:#f97316}.info-row b{display:block;color:#0f172a}.info-row span{display:block;color:#64748b}.map-box{height:470px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.06)}.table-modern{background:#fff;border-radius:28px;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(15,23,42,.06)}.table-modern table{margin:0}.table-modern thead th{background:#fff7ed;color:#9a3412;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;padding:16px}.table-modern tbody td{padding:17px 16px;border-color:rgba(15,23,42,.06);vertical-align:middle}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.summary-card{border-radius:28px;background:#fff;padding:26px;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.06)}.summary-card span{color:#64748b;font-weight:800}.summary-card h3{font-weight:950;letter-spacing:-.05em;margin-top:8px}.empty-box{padding:60px 22px;text-align:center;color:#64748b}.empty-box i{font-size:3rem;color:#f97316}
.footer{padding:34px 0;color:#64748b}.footer-card{background:#fff;border-radius:26px;padding:20px;box-shadow:0 10px 38px rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.05)}
/* Admin */
.admin-body{background:#f6f8fb}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{width:280px;background:radial-gradient(circle at top right,rgba(249,115,22,.34),transparent 26%),linear-gradient(180deg,#081228,#111827);color:#fff;padding:24px;position:fixed;left:0;top:0;bottom:0;overflow:auto}.admin-logo{display:flex;align-items:center;gap:12px;font-size:1.35rem;font-weight:950;margin-bottom:30px}.admin-logo span:first-child{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#fb7185,#f97316)}.admin-menu{display:grid;gap:8px}.admin-menu a{display:flex;align-items:center;gap:12px;color:#cbd5e1;padding:13px 14px;border-radius:18px;font-weight:800}.admin-menu a:hover,.admin-menu a.active{background:rgba(255,255,255,.10);color:#fff}.admin-content{margin-left:280px;flex:1;padding:28px}.admin-topbar{background:#fff;border-radius:28px;padding:20px 24px;box-shadow:0 12px 40px rgba(15,23,42,.06);display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.admin-title h3{font-weight:950;letter-spacing:-.04em;margin:0}.admin-card{background:#fff;border-radius:28px;padding:26px;box-shadow:0 14px 45px rgba(15,23,42,.07);border:1px solid rgba(15,23,42,.05)}.admin-stat{background:#fff;border-radius:28px;padding:24px;box-shadow:0 14px 45px rgba(15,23,42,.07);border:1px solid rgba(15,23,42,.05)}.admin-stat .icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#fb7185,#f97316);font-size:1.35rem}.admin-stat h3{font-weight:950;letter-spacing:-.05em}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff8f2,#ecfeff);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-120px;border-radius:50%;background:linear-gradient(135deg,#fb7185,#f97316)}.login-page:after{content:"";position:absolute;width:300px;height:300px;left:-100px;bottom:-100px;border-radius:50%;background:linear-gradient(135deg,#14b8a6,#2563eb)}.login-card{position:relative;z-index:2;width:min(460px,92vw);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-radius:34px;padding:36px;box-shadow:0 30px 90px rgba(15,23,42,.16)}.login-card h3{font-weight:950;letter-spacing:-.04em}.thumb{width:74px;height:54px;object-fit:cover;border-radius:14px}
@media(max-width:991px){.hero-agency-full{min-height:auto;padding:70px 0}.hero-heading{font-size:56px}.hero-mockup-wrap{min-height:620px;margin-top:10px}.mock-phone{left:50%;right:auto;transform:translateX(-50%) rotate(4deg)}.fc1{left:10px;top:120px}.fc2{right:10px;bottom:150px}.fc3{left:20px;bottom:60px}.cta-modern-box{flex-direction:column;align-items:flex-start}.finance-summary{grid-template-columns:1fr}.admin-sidebar{position:relative;width:100%;bottom:auto}.admin-shell{display:block}.admin-content{margin-left:0;padding:16px}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-menu{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.navbar-luxury{min-height:64px}.hero-heading{font-size:42px}.hero-text{font-size:1rem}.hero-mockup-wrap{min-height:520px}.mock-circle.bg1{width:320px;height:320px;right:20px;top:90px}.mock-circle.bg2{width:120px;height:120px;right:0;top:30px}.mock-circle.bg3{width:90px;height:90px;left:8px;top:120px}.mock-phone{width:265px;height:500px;top:40px}.mock-map{height:170px}.floating-card{min-width:150px;padding:12px 14px}.floating-card strong{font-size:1rem}.floating-card span{font-size:.75rem}.latest-row-modern{flex-direction:column;align-items:flex-start}.latest-row-modern .btn{width:100%}.finance-mini-grid{grid-template-columns:1fr}.page-section{padding:64px 0}.admin-menu{grid-template-columns:1fr}.page-title{font-size:40px}}
/* FIX HERO HEADING - lebih kecil dan rapi */
.hero-heading {
  font-size: clamp(36px, 5vw, 68px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.055em !important;
  color: #081228 !important;
  margin-bottom: 24px !important;
  max-width: 680px;
}

/* Rapikan jarak hero */
.hero-agency-full {
  min-height: calc(100vh - 76px);
  padding: 70px 0 80px;
}

.hero-text {
  max-width: 560px;
  font-size: 1.05rem;
  line-height: 1.75;
}

/* Tablet */
@media (max-width: 991px) {
  .hero-heading {
    font-size: 44px !important;
    line-height: 1.08 !important;
    max-width: 100%;
  }

  .hero-agency-full {
    padding: 60px 0 70px;
  }
}

/* HP */
@media (max-width: 576px) {
  .hero-heading {
    font-size: 34px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.04em !important;
  }

  .hero-chip {
    font-size: 0.8rem;
    padding: 9px 14px;
    margin-bottom: 18px;
  }

  .hero-text {
    font-size: 0.96rem;
    line-height: 1.7;
  }

  .hero-buttons .btn {
    width: 100%;
  }
}
/* QRIS DONASI SECTION */
.donasi-qris-section {
  padding: 0 0 90px;
  background: #fff;
}

.donasi-qris-box {
  position: relative;
  overflow: hidden;
  border-radius: 38px;
  padding: 50px;
  color: #fff;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.25), transparent 28%),
    radial-gradient(circle at bottom left, rgba(20,184,166,.35), transparent 30%),
    linear-gradient(135deg, #081228 0%, #0f766e 58%, #f97316 100%);
  box-shadow: 0 30px 90px rgba(15, 23, 42, .18);
}

.donasi-qris-box::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  right: -90px;
  top: -90px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
}

.donasi-qris-box::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  left: -70px;
  bottom: -70px;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
}

.donasi-qris-box .row {
  position: relative;
  z-index: 2;
}

.donasi-label {
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  border-radius: 999px;
  color: #fff;
  font-weight: 900;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(14px);
  margin-bottom: 20px;
}

.donasi-qris-box h2 {
  max-width: 720px;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.055em;
  margin-bottom: 20px;
}

.donasi-qris-box p {
  max-width: 650px;
  color: rgba(255,255,255,.78);
  font-size: 1.05rem;
  line-height: 1.8;
  margin-bottom: 0;
}

.donasi-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.donasi-list div {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.16);
}

.donasi-list i {
  color: #facc15;
}

.qris-card {
  max-width: 370px;
  margin-left: auto;
  padding: 22px;
  border-radius: 32px;
  color: #111827;
  background: rgba(255,255,255,.95);
  box-shadow: 0 26px 70px rgba(0,0,0,.22);
  backdrop-filter: blur(18px);
}

.qris-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  margin-bottom: 18px;
}

.qris-title span {
  display: block;
  font-size: 1.35rem;
  font-weight: 950;
  letter-spacing: -.04em;
}

.qris-title small {
  color: #64748b;
  font-weight: 800;
}

.qris-image {
  padding: 16px;
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(249,115,22,.08), rgba(20,184,166,.10)),
    #fff;
  border: 1px solid rgba(15,23,42,.08);
}

.qris-image img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display: block;
  border-radius: 18px;
  background: #fff;
}

.qris-info {
  margin-top: 18px;
  text-align: center;
}

.qris-info b {
  display: block;
  font-size: 1.1rem;
  font-weight: 950;
  color: #0f172a;
}

.qris-info span {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-weight: 700;
  font-size: .92rem;
}

.qris-note {
  margin-top: 16px;
  padding: 13px 14px;
  border-radius: 18px;
  color: #9a3412;
  background: #fff7ed;
  font-size: .88rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .qris-card {
    margin-left: 0;
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  .donasi-qris-section {
    padding: 0 0 64px;
  }

  .donasi-qris-box {
    padding: 28px 22px;
    border-radius: 28px;
  }

  .donasi-qris-box h2 {
    font-size: 30px;
  }

  .donasi-list {
    flex-direction: column;
  }

  .donasi-list div {
    width: 100%;
  }

  .qris-card {
    padding: 18px;
    border-radius: 26px;
  }
}