/* Dark phone with green success card */
body{margin:0;background:#111315;color:#dfe7e2;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
.panel{background:#141618;border:1px solid #1c2024;border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,.45);padding:16px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.field label{display:block;font-size:12px;color:#8da1b5;margin:0 0 6px 2px}
.field input{width:100%;padding:10px 12px;border:1px solid #2a2f36;border-radius:10px;background:#0c0f12;color:#e6f0ff;font-size:14px}
button{background:#1ed760;color:#0a0c0d;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}
button:disabled{background:#2a3a30;color:#8fbfa6;cursor:not-allowed}

/* Preview */
.preview{display:flex;flex-direction:column;align-items:center}
.phone.dark{width:420px;background:#0f1113;border:1px solid #20242a;border-radius:24px;padding:12px;position:relative}
.logo{color:#80ffd7;font-weight:900;margin:6px auto 10px;width:max-content}
.card.success{background:#c8f3d7;border:1px solid #9ce9b9;border-radius:18px;padding:14px;text-align:center;color:#0d1d15}
.tick{width:46px;height:46px;margin:6px auto;border-radius:999px;background:#1db954;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.small{color:#1f2e29;margin-top:4px;font-weight:700}
.who{font-weight:900;margin-top:6px;color:#0f1a16}
.muted{color:#25352f;font-size:12.5px;font-weight:700}
.amt{font-size:30px;font-weight:900;margin:10px 0;color:#0a1612}
.box{margin-top:14px;border:1px solid #363d45;border-radius:16px;padding:12px;background:#121518}
.lbl{font-size:12.5px;color:#2a3740;margin-top:8px;font-weight:800}
.value{font-weight:900;color:#eaf6f0}
.watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.06);font-weight:900;letter-spacing:1.5px;transform:rotate(-18deg);pointer-events:none;user-select:none}