:root{color-scheme:light dark;--bg:#f1f5f9;--card:#fff;--text:#162a3b;--muted:#667b8d;--line:#e8edf2;--accent:#087f75}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.9}main{max-width:490px;margin:0 auto;padding:30px 20px}header{display:flex;align-items:center;gap:12px;margin-bottom:28px}header b{font-size:21px}small{display:block;color:var(--muted);font-size:11px}.logo{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--accent);color:white;font:bold 28px Arial}.secure{margin-right:auto;font-size:11px;color:var(--accent);border:1px solid var(--line);border-radius:20px;padding:3px 10px}.card{padding:27px;background:var(--card);border-radius:25px;border:1px solid var(--line);box-shadow:0 12px 40px #18344c09}.eyebrow{color:var(--muted);font-size:12px}h1{font-size:22px;margin:10px 0}p{font-size:13px;color:var(--muted)}.amount{display:flex;justify-content:center;align-items:baseline;gap:10px;background:var(--bg);border-radius:18px;padding:22px 10px;margin:25px 0}.amount strong{font-size:33px;direction:ltr}.amount span{font-size:12px}dl{font-size:12px}dl div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:left}button{width:100%;border:0;border-radius:14px;padding:15px;font:inherit;font-size:14px;background:var(--accent);color:#fff;cursor:pointer;margin-top:14px}button:disabled{opacity:.45;cursor:default}.secondary{background:var(--bg);color:var(--text)}#notice{font-size:13px;overflow-wrap:anywhere}.test{padding:10px;background:#fff4d4;color:#715400;border-radius:10px}footer{font-size:11px;text-align:center;color:var(--muted);margin-top:24px}@media(prefers-color-scheme:dark){:root{--bg:#101b25;--card:#1a2936;--text:#ecf2f7;--muted:#a4b6c6;--line:#30424f;--accent:#139889}}@media(max-width:360px){main{padding:20px 12px}.card{padding:18px}.amount strong{font-size:27px}}