@font-face{font-family:Montserrat;src:url('/assets/montserrat-500.ttf')}@font-face{font-family:Montserrat;src:url('/assets/montserrat-800.ttf');font-weight: 700}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#0d3159,transparent 650px),#02050b;color:#f4f8ff;font:16px Montserrat,Arial,sans-serif}main{width:min(100% - 32px,560px);margin:0 auto;padding:32px 0 48px}.back{color:#a7ceee;font-size:14px;text-decoration:none}.logo{display:block;width:min(80%,290px);height:auto;margin:32px auto}section{background:#0c1728;border:1px solid #25466b;padding:32px;border-radius:16px}.eyebrow{font-size:14px;color:#6cbdff;letter-spacing:.15em;font-weight: 700}h1{font-size:40px;margin:12px 0;font-weight: 700}.intro{color:#b8c9db}form{display:grid;gap:12px;margin:26px 0}label{font-size:14px;font-weight: 700}label span{font-weight: 400;color:#9fb0c3}input{font:inherit;min-width:0;width:100%;border:1px solid #315477;border-radius:8px;background:#07101d;color:white;padding:14px}.amount{display:flex;align-items:center;gap:12px}.amount>span{color:#b8c9db}button{font:inherit;font-weight: 700;cursor:pointer;background:#137bc7;color:white;padding:15px;border:0;border-radius:8px;width:100%;min-height:50px}button:hover{background:#2695e4}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #93d4ff;outline-offset:3px}.payment{text-align:center;border-top:1px solid #25466b;padding-top:26px}#qr{background:white;padding:16px;border-radius:10px;display:block;width:min(100%,272px);aspect-ratio:1;margin-inline:auto}#qr svg{width:100%;height:auto;aspect-ratio:1;display:block}.key{overflow-wrap:anywhere;font-weight: 700}.secondary{background:#142c47;border:1px solid #315477;margin-top:12px}.note{font-size:14px;line-height:1.6;color:#a6b7cf}#amount-label{line-height:1.6;color:#b8c9db}#status{color:#a1daff;font-size:14px;min-height:20px}@media(max-width:480px){section{padding:24px 20px}h1{font-size:34px}}

[hidden]{display:none!important}.consent{display:flex;align-items:flex-start;gap:10px;font-weight: 400;line-height:1.5}.consent input{width:18px;height:18px;margin:2px 0;flex:none;accent-color:#137bc7}button:disabled{opacity:.6;cursor:wait}#save-status{font-size:14px;line-height:1.6;color:#a1daff}

body{background:radial-gradient(ellipse at top,#e4d2ba,transparent 650px),#f5efe5;color:#40362d}.back{color:#795d40}.logo{filter:brightness(0) saturate(100%) invert(21%) sepia(13%) saturate(738%) hue-rotate(345deg) brightness(95%) contrast(88%)}section{background:#faf6ef;border-color:#d5c3ad}.eyebrow{color:#795d40}.intro,label span,.amount>span,.note,#amount-label{color:#6b5c4e}input{border-color:#c5ae90;background:#fffaf3;color:#40362d}button{background:#876b4e;color:#fffaf3}button:hover{background:#72583e}.payment{border-color:#d5c3ad}.secondary{background:#e6d8c5;border-color:#c5ae90;color:#40362d}input:focus-visible,button:focus-visible,a:focus-visible{outline-color:#876b4e}#status,#save-status{color:#795d40}.consent input{accent-color:#876b4e}

/* One serif family throughout, with regular and bold weights. */
:root { --site-serif: "Bodoni MT", Didot, "Times New Roman", serif; }
html, body, body * { font-family: var(--site-serif) !important; font-style: normal; }
body { font-weight: 400; }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: 700; }
input, select, textarea, button { font-family: var(--site-serif) !important; }

/* Stronger serif strokes and comfortable reading size. */
:root { --site-serif: Georgia, "Times New Roman", serif; }
body { font-size: 18px; line-height: 1.6; }
p, input, select, textarea { font-size: 1.125rem; }
button, label { font-size: 1rem; }
