:root{color-scheme:dark;--bg:#0b1020;--panel:#111a2c;--line:#26334b;--text:#f4f7fb;--muted:#aab6ca;--accent:#6c63ff;--ok:#75e0b1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#1c2850 0,transparent 34%),var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.wrap{width:min(720px,calc(100% - 28px));margin:36px auto}.brand{font-weight:800;letter-spacing:.12em;color:#fff}.card{margin-top:18px;background:rgba(17,26,44,.96);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,5vw,36px);box-shadow:0 18px 60px #0003}h1{font-size:clamp(28px,5vw,40px);line-height:1.1;margin:8px 0 12px}.muted{color:var(--muted)}.price{font-size:34px;font-weight:800;margin:16px 0 4px}.pill{display:inline-block;background:#193c35;color:var(--ok);border-radius:999px;padding:5px 10px;font-size:13px}.features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.feature{border:1px solid var(--line);border-radius:12px;padding:10px;color:#dfe8f7;font-size:14px}label{display:block;font-weight:650;margin:15px 0 6px}input{width:100%;margin-top:6px;padding:13px 14px;border:1px solid #34415c;border-radius:11px;background:#0b1323;color:#fff;font:inherit}input:focus{outline:2px solid var(--accent);border-color:transparent}button{width:100%;border:0;border-radius:12px;background:var(--accent);color:#fff;font:700 16px inherit;padding:15px;margin-top:22px;cursor:pointer}button:hover{filter:brightness(1.1)}.error{background:#431f2b;border:1px solid #773244;color:#ffdce3;border-radius:10px;padding:12px;margin:10px 0}.fine{font-size:12px;color:var(--muted);margin-top:14px}.back{color:#c7c4ff}.foot{color:var(--muted);font-size:12px;text-align:center;margin:18px}
@media(max-width:520px){.features{grid-template-columns:1fr}.wrap{margin:20px auto}}
/* SHOW-LY v2: tambahan untuk daftar & pembayaran */
.field-err{color:#ffb4c1;font-size:13px;margin:4px 0 0}
.hint{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:4px}
.check-line{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;color:#dfe8f7;margin:18px 0 4px}
.check-line input{width:auto;margin:3px 0 0}
.check-line a{color:#c7c4ff}
.notice{border-radius:12px;padding:12px 14px;margin:14px 0;font-size:14px;line-height:1.55}
.notice-ok{background:#123629;border:1px solid #2c7a5c;color:#d4f7e6}
.notice-warn{background:#3a2a12;border:1px solid #8a6421;color:#ffe9bd}
.order-box{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:16px 0;background:#0e1628}
.order-box div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.order-box span{color:var(--muted)}
.order-box b{text-align:right;overflow-wrap:anywhere}
.order-box b.big{font-size:20px}
.as-link{display:flex;align-items:center;justify-content:center;width:100%;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;padding:15px;margin-top:18px;text-decoration:none}
.secondary{display:flex;align-items:center;justify-content:center;border:1px solid #4a4f8f;border-radius:12px;color:#c7c4ff;padding:13px;margin-top:10px;text-decoration:none;font-weight:600}
.link-button{background:none!important;border:0;color:var(--muted);text-decoration:underline;width:auto;padding:6px 0;margin:10px auto 0;display:block;font:inherit;font-size:13px;cursor:pointer}
.small-links{text-align:center;font-size:13px;color:var(--muted);margin-top:18px}
.small-links a{color:#c7c4ff}


/* iPhone: ruang aman di bawah jam/baterai (0 di perangkat lain) */
body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}