:root{--deep:#2A0F3D;--mid:#7B2E8F;--grey:#766A7E;--vivid:#FF2E9A;--pale:#F8E4F0;--bg:#FFFFFF;--surface:#F7F5F8;--text:#1A0A26;--sep:#EAE3EE}
@media (prefers-color-scheme:dark){:root{--deep:#30143F;--mid:#E39BD0;--grey:#A895B3;--vivid:#FF2E9A;--pale:#2A1240;--bg:#1A0A26;--surface:#26143A;--text:#FFFFFF;--sep:#3A2450}}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Figtree,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:440px;margin:0 auto;padding:28px 20px 48px}
.brand{display:flex;justify-content:center;margin-bottom:26px}.brand img{height:26px}
@media (prefers-color-scheme:dark){.brand img{filter:brightness(0) invert(1)}}
.row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:20px;padding:10px;margin-bottom:8px}.row .th{width:52px;height:52px;border-radius:12px;background:var(--pale);flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--deep);opacity:.9;overflow:hidden}.row .th img{width:100%;height:100%;object-fit:cover}.row .tt{font-size:16px;font-weight:700;margin:0}.row .sub{font-size:14px;color:var(--grey);margin:2px 0 0}
.kicker{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--grey);text-align:center;margin:0 0 6px}
h1{font-size:30px;line-height:1.08;letter-spacing:-.8px;font-weight:800;margin:0 0 22px;text-align:center}
.card{background:var(--bg);border-radius:30px;box-shadow:0 12px 32px rgba(42,15,61,.14);padding:10px 10px 18px}
.cover{height:220px;border-radius:22px;background:var(--pale);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.cover img{width:100%;height:100%;object-fit:cover}.cover .initial{font-size:64px;font-weight:800;color:var(--deep);opacity:.35}
.token{position:absolute;top:12px;left:12px;background:var(--deep);color:var(--vivid);font-weight:800;font-size:14px;padding:8px 14px;border-radius:999px}
.body{padding:14px 10px 0}.title{font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.05;margin:0 0 6px}
.meta{color:var(--grey);font-size:15px;font-weight:500;margin:0}
.msg{margin:18px 0 0;background:var(--surface);border-radius:20px;padding:16px 18px;font-size:16px;line-height:1.45}
.msg .from{display:block;margin-top:8px;font-size:13px;font-weight:700;color:var(--mid)}
.btn{display:flex;align-items:center;justify-content:center;height:58px;border-radius:29px;background:var(--deep);color:#fff;font-weight:800;font-size:17px;text-decoration:none;margin-top:22px}
.btn.sec{background:var(--pale);color:var(--text);margin-top:8px}
.hint{color:var(--grey);font-size:14px;line-height:1.5;text-align:center;margin:18px 0 0}
.code{display:inline-block;font-weight:800;letter-spacing:3px;background:var(--surface);padding:6px 12px;border-radius:12px;color:var(--text)}
.foot{margin-top:40px;text-align:center;color:var(--grey);font-size:13px}.foot a{color:var(--mid);font-weight:700;text-decoration:none}
.err{text-align:center;color:var(--grey);padding:40px 0}