:root{color-scheme:light;font-family:Arial,"Segoe UI",sans-serif;color:#202326;background:#fff;letter-spacing:0}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}
header,footer{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
header{border-bottom:1px solid #e0e4e6}header strong{font-size:22px}header span{font-size:13px;color:#8b3c15;background:#fff3e8;padding:6px 8px;border-radius:4px}
.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{display:block;object-fit:contain;flex:none}
main{width:min(100%,640px);padding:56px 32px 48px;margin:0 auto;flex:1}
.eyebrow{font-size:12px;font-weight:bold;color:#59646c;margin:0 0 12px}h1{font-size:32px;line-height:1.2;margin:0 0 40px}
h2{font-size:24px;line-height:1.3;margin:20px 0 12px;overflow-wrap:anywhere}p{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
#message{color:#566069;max-width:500px;min-height:52px}.status-mark{width:48px;height:6px;background:#597582}
body[data-state="paid"] .status-mark{background:#21704b}body[data-state="declined"] .status-mark,body[data-state="cancelled"] .status-mark{background:#b2323e}
.amount{font-size:28px;font-weight:bold}.checked{font-size:13px;color:#667078}
button{min-height:48px;min-width:160px;border:1px solid #202326;border-radius:4px;background:#202326;color:white;font:600 16px Arial,sans-serif;padding:12px 18px;cursor:pointer}
button:hover{background:#394348}button:focus-visible{outline:3px solid #427a94;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}
.notice{border-top:1px solid #e0e4e6;padding-top:24px;margin-top:40px;font-size:13px;color:#707980}
footer{font-size:12px;color:#68727a;border-top:1px solid #e0e4e6}
@media(max-width:480px){header,footer{padding:20px}main{padding:36px 20px}header strong{font-size:20px}h1{font-size:28px}h2{font-size:22px}}
@media(prefers-reduced-motion:no-preference){body[data-state="checking"] .status-mark{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}}