*{box-sizing:border-box}body{margin:0;background:#eff3f7;color:#102b40;font:16px system-ui,sans-serif}main{max-width:650px;margin:4vh auto;padding:30px;background:#fff;border-radius:14px;border-top:5px solid #b18a38;box-shadow:0 8px 30px #102b4010}header{text-align:center}.logo{width:220px;max-width:70%;height:auto}nav{text-align:right;font-size:14px}a{color:#17364e}h1{font-size:28px}.badge{color:#826020;font-size:12px;letter-spacing:.15em;font-weight:800}#details{padding:20px 0;text-align:center;border-top:1px solid #e0d5be}h2{font-size:20px}label{display:block}input,button{width:100%;padding:14px;margin:10px 0;border-radius:8px;border:1px solid #b7c6d2;font:inherit}button{background:#102b40;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#pay{border:2px solid #b18a38;min-height:54px}#amount{font-size:34px;font-weight:800;margin:20px 0}#message{white-space:pre-line;text-align:center}.secondary{margin-top:24px;padding-top:20px;border-top:1px solid #ddd;color:#506171}summary{cursor:pointer}#lookup{background:#f6f7f8;color:#17364e}footer{margin-top:28px;font-size:12px;color:#657580;text-align:center}[hidden]{display:none}@media(max-width:680px){main{margin:16px 12px;padding:22px}.logo{width:180px}h1{font-size:24px}}