/* Green header with explore more card */
body{margin:0;background:#f4f7fb;color:#0b1220;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:#fff;border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,.06);padding:16px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.field label{display:block;font-size:12px;color:#6a788c;margin:0 0 6px 2px}
.field input{width:100%;padding:10px 12px;border:1px solid #d7dee9;border-radius:10px;background:#fff;font-size:14px}
button{background:#16a34a;color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}
button:disabled{background:#9aa3ad;cursor:not-allowed}

/* Preview */
.preview{display:flex;flex-direction:column;align-items:center}
.groww{width:420px;border-radius:20px;overflow:hidden;border:1px solid #e6ebf2;background:#ffffff;position:relative}
.top{background:#16a34a;color:#fff;padding:16px 14px 24px;position:relative}
.top .nav{position:absolute;left:10px;top:10px}
.top .help{position:absolute;right:10px;top:10px}
.top .amount{font-size:28px;font-weight:900;letter-spacing:.3px}
.top .status{opacity:.95;margin-top:4px}
.top .who{margin-top:10px;font-weight:800}
.top .when{opacity:.95;font-size:12px}
.top .link{position:absolute;right:14px;bottom:10px;text-decoration:underline;opacity:.95}
.top .tick{position:absolute;right:14px;top:46px;background:#0ea5e9;border-radius:999px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}

.explore{padding:12px 14px}
.explore .title{color:#6a788c;font-size:12px;margin:6px 0}
.explore .card{background:#2c36ff;color:#fff;border-radius:14px;padding:16px 14px}
.explore .headline{font-weight:900}

.actions{display:flex;gap:10px;padding:12px 14px}
.actions .pill{background:#eef2f7;border:1px solid #d7dee9;border-radius:10px;padding:10px 12px;font-weight:700}
.actions .pill.dark{background:#0b1220;color:#fff;border-color:#0b1220}

.watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.04);font-weight:900;letter-spacing:1.5px;transform:rotate(-18deg);pointer-events:none;user-select:none}