{box-sizing:border-box}html{background:#29030f}body{margin:0;color:#2d0a16;font-family:Arial,Helvetica,sans-serif}.app-shell{min-height:100vh;position:relative;overflow:hidden;padding:34px 22px;background:radial-gradient(circle at 20% 10%,#94183d 0,transparent 36%),linear-gradient(145deg,#5e0923,#2c0310)}.ambient{position:absolute;border-radius:999px;opacity:.28}.ambient.one{width:340px;height:340px;background:#dd466f;right:-100px;top:-130px}.ambient.two{width:280px;height:280px;background:#a0173f;left:-120px;bottom:-130px}.dashboard{width:min(1020px,100%);min-height:calc(100vh - 68px);margin:auto;position:relative;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,#f1d803,#f1d803);box-shadow:0 30px 80px rgba(14,0,5,.38)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:#ffffffd9;border-bottom:1px solid #f1d9df}.brand{display:flex;align-items:center;gap:14px}.logo-box{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#000000,#000000);box-shadow:0 8px 20px #760f2d40;border:2px solid #fff;outline:1px solid #e7bdc9;overflow:hidden}.logo-box img{width:100%;height:100%;object-fit:contain}.eyebrow{margin:0 0 4px;font-size:10px;font-weight:800;color:#a65c72;letter-spacing:.18em}h1{margin:0;font-size:22px}.install-button{border:0;border-radius:14px;padding:13px 17px;color:#fff;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#8f1638,#650b26);box-shadow:0 8px 18px #760f2d38}.install-button span{font-size:18px;margin-right:5px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin:28px 28px 0;padding:30px;min-height:188px;border-radius:26px;color:#fff;background:linear-gradient(120deg,#000000,#000000);box-shadow:0 18px 36px #51071d33;position:relative;overflow:hidden}.welcome:after{content:"🅿🅰🅺🅿🅾🅻🆃🅾🆃🅾";position:absolute;right:1%;top:52px;font-size:38px;font-weight:9;color:#583c3c;transform:rotate(8deg)}.welcome-label{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.13em;color:#f3b7c8}.welcome h2{margin:0 0 9px;font-size:clamp(26px,4vw,39px);letter-spacing:-.04em;position:relative;z-index:1}.welcome p:last-child{margin:0;color:#f7dce4}.status-pill{position:relative;z-index:1;padding:10px 13px;border:1px solid #ffffff33;border-radius:999px;background:#ffffff1a;font-size:12px;font-weight:700}.status-pill span{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#62e792}.menu-section{padding:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h3{margin:0;font-size:17px}.section-heading span{color:#a16a7a;font-size:12px;font-weight:700}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.menu-card{font:inherit;text-align:left;min-height:112px;display:flex;align-items:center;gap:13px;padding:18px;border-radius:20px;color:#35101b;background:#fff;border:1px solid #f0dfe4;box-shadow:0 8px 24px #4b0e1f0e;cursor:pointer;transition:.2s}.menu-card:hover{transform:translateY(-3px);border-color:#ddb1be;box-shadow:0 14px 28px #4b0e1f1a}.menu-icon{flex:0 0 48px;height:48px;border-radius:15px;display:grid;place-items:center;font-style:normal;font-weight:900;color:#fff}.icon-1{background:linear-gradient(145deg,#9b183e,#690b28)}.icon-2{background:linear-gradient(145deg,#df3a47,#8e142a)}.icon-3{background:linear-gradient(145deg,#7c3655,#47142b)}.icon-4{background:linear-gradient(145deg,#b98736,#815410)}.icon-5{background:linear-gradient(145deg,#9b385b,#681c39);font-size:13px}.icon-6{background:linear-gradient(145deg,#35795b,#185039);font-size:20px}.menu-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.menu-copy strong{font-size:14px;white-space:nowrap}.menu-copy small{color:#9a6d79;font-size:11px;line-height:1.35}.arrow{margin-left:auto;color:#bd7b8e;font-size:20px}footer{display:flex;align-items:center;justify-content:center;gap:9px;padding:3px 28px 26px;color:#a17480;font-size:11px}footer span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#760f2d;font-weight:900}footer p{margin:0}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#1e0009b3;backdrop-filter:blur(8px)}.hidden{display:none}.modal{width:min(390px,100%);position:relative;padding:31px;text-align:center;border-radius:26px;background:#fffaf8;box-shadow:0 28px 80px #00000059}.modal-close{position:absolute;right:15px;top:13px;border:0;background:none;color:#9b6e7b;font-size:25px;cursor:pointer}.modal-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 17px;border-radius:18px;color:#fff;background:#760f2d;font-size:27px;font-weight:900}.modal h2{margin:0 0 11px;font-size:21px}.modal p{margin:0 0 23px;color:#75525d;line-height:1.65;font-size:14px}.modal-confirm{width:100%;border:0;padding:14px;border-radius:14px;color:#fff;background:#760f2d;font-weight:800;cursor:pointer}@media(max-width:760px){.app-shell{padding:0;background:#fff8f5}.dashboard{min-height:100vh;border-radius:0}.topbar{padding:18px 17px}.logo-box{width:51px;height:51px;border-radius:15px}h1{font-size:18px}.install-button{padding:11px 12px;font-size:11px}.welcome{margin:14px 14px 0;padding:23px;min-height:170px;align-items:flex-start}.welcome h2{max-width:260px;font-size:28px}.status-pill{position:absolute;left:23px;bottom:20px}.menu-section{padding:22px 14px}.menu-grid{grid-template-columns:1fr 1fr;gap:11px}.menu-card{min-height:134px;flex-direction:column;align-items:flex-start;padding:16px}.menu-icon{width:44px;height:44px;flex-basis:44px}.menu-copy strong{font-size:13px}.arrow{position:absolute;align-self:flex-end}}@media(max-width:370px){.brand>div:last-child{display:none}}
.menu-card {
  position: relative;
  overflow: hidden;
  min-height: 150px;
  border: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Lapisan gelap agar tulisan mudah dibaca */
.menu-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(20, 0, 7, 0.82),
    rgba(20, 0, 7, 0.25)
  );
  z-index: 0;
}

/* Pastikan teks berada di atas gambar */
.menu-card .menu-icon,
.menu-card .menu-copy,
.menu-card .arrow {
  position: relative;
  z-index: 1;
}

.menu-card .menu-copy strong {
  color: #ffffff;
}

.menu-card .menu-copy small {
  color: #f5dce4;
}

.menu-card .arrow {
  color: #ffffff;
}

/* Gambar setiap menu */
.menu-pakpol {
  background-image: url("assets/iconpakpol.png");
}

.menu-gledek88 {
  background-image: url("assets/gledek88.png");
}

.menu-livechat {
  background-image: url("assets/livechat.png");
}

.menu-usd {
  background-image: url("assets/doct.png");
}

.menu-idr {
  background-image: url("assets/doct.png");
}

.menu-nawala {
  background-image: url("assets/trustpositif.png");
}