:root{--brand:#0f9f8f;--purple:#6d5dfc;--pink:#e43f8f;--gold:#f6c85f;--ink:#202124;--muted:#687282;--line:#e6e9ef;--bg:#f5f7fb}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}
header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line)}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px}.brand{display:flex;align-items:center;gap:10px}.logo{width:52px;height:52px;border-radius:13px;background:conic-gradient(from 160deg,var(--brand),var(--purple),var(--pink),var(--brand));display:grid;place-items:center;color:#fff;font-weight:900;font-size:22px;box-shadow:inset 0 0 0 3px #ffffffcc}.links{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-weight:900;font-size:14px}.mini{color:var(--brand)}
.cta{background:linear-gradient(90deg,var(--brand),var(--purple));color:#fff;border-radius:7px;padding:10px 14px;font-weight:900;display:inline-block}.soft{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px;font-weight:900;color:var(--brand);display:inline-block}
main{max-width:1180px;margin:auto;padding:16px}.hero{min-height:500px;border-radius:8px;background:linear-gradient(90deg,#101828cc,#1018284d,#10182800),url("pasarmalam-banner.png") center/cover;display:flex;align-items:end;color:#fff;padding:34px;margin-bottom:14px}.hero h1{font-size:58px;max-width:760px;margin:0 0 8px}.hero p{max-width:720px;font-size:18px;line-height:1.55}.actions{display:flex;gap:10px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card,.panel,.band{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}.card b,.panel b{color:var(--brand)}.card{display:block}.section{margin-top:14px}.section h2{color:var(--brand);margin-top:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px}.muted{color:var(--muted)}.list{display:grid;gap:10px}.list div{background:#f9fafb;border:1px solid var(--line);border-radius:8px;padding:14px}.band{display:flex;align-items:center;justify-content:space-between;gap:14px}
footer{max-width:1180px;margin:20px auto;padding:16px;color:var(--muted);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media(max-width:800px){.nav{align-items:flex-start;flex-direction:column}.hero h1{font-size:38px}.grid,.two,.steps{grid-template-columns:1fr}.hero{min-height:360px;padding:22px}.band{display:block}.band .actions{margin-top:10px}}