body.app-piala{--accent:#0E8A62;--card:#fff;--bg:#F7F4EE;--saffron:#F2A516;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
@media (prefers-color-scheme:dark){body.app-piala{--accent:#34C98E;--card:#1A1F1D;--bg:#0C0F0E}}
.app-piala .p-hero{margin:24px 0 8px;padding:40px 28px 34px;border-radius:32px;color:#fff;text-align:center;
 background:radial-gradient(circle at 110% -10%,rgba(247,177,42,.35) 0 22%,transparent 23%),linear-gradient(150deg,#13A473,#075A44);box-shadow:0 18px 40px rgba(7,90,68,.28)}
.app-piala .p-hero h1{font-size:48px;margin:14px 0 6px;letter-spacing:-.02em}
.app-piala .p-hero .tagline{font-size:22px;font-weight:800;max-width:560px;margin:0 auto 12px}
.app-piala .p-hero .lead{opacity:.92;max-width:600px;margin:0 auto 16px}
.app-piala .p-icon{border-radius:26px;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.app-piala .badge{border:0;background:#fff;color:#075A44;font-weight:800;padding:10px 18px;border-radius:999px}
.app-piala .btn{background:#fff;color:#075A44;border-radius:999px;padding:12px 22px;font-weight:800}
.app-piala .p-shots{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 2px 8px;margin:0 -4px}
.app-piala .p-shots img{flex:0 0 auto;width:min(62vw,240px);height:auto;border-radius:22px;scroll-snap-align:center;box-shadow:0 10px 24px rgba(0,0,0,.14)}
@media (min-width:700px){.app-piala .p-shots{overflow:visible;margin:0}.app-piala .p-shots img{width:calc((100% - 28px)/3)}}
.app-piala .p-feats li{background:var(--card);border-radius:20px;padding:16px 18px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.app-piala .p-feats .ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(14,138,98,.12);font-size:20px;margin-bottom:8px}
.app-piala .card{border-radius:22px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.app-piala .p-price{border:2px solid rgba(242,165,22,.55)}
.app-piala .p-price strong{color:var(--accent)}
.app-piala h2{letter-spacing:-.01em}