:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#243344;background:#f5f7f9}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.top{background:#fff;border-bottom:1px solid #e5e9ee;display:flex;justify-content:space-between;align-items:center;padding:16px max(22px,calc((100vw - 1040px)/2))}.brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:28px;color:#ad8a57}.brand strong{font-size:18px;display:block}.brand small{color:#87919e;display:block}.container{max-width:1040px;margin:50px auto;padding:0 22px}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:30px;letter-spacing:-.03em;margin:8px 0}h2{font-size:21px}h3{font-size:17px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:#a17b47}.muted,p,.user{color:#687587}.panel{background:white;border:1px solid #e2e7ec;box-shadow:0 10px 35px #182a4010;border-radius:16px;padding:30px;margin-bottom:22px}.login{max-width:470px;margin:75px auto}.login form{display:grid;gap:20px;margin-top:26px}label{display:block;font-size:14px;font-weight:650}input:not([type=radio]):not([type=checkbox]),select{display:block;width:100%;padding:13px 14px;margin-top:8px;border:1px solid #cfd7e1;border-radius:9px;background:#fff;color:#243344;min-height:48px}input:focus,select:focus{outline:2px solid #b6c9df;outline-offset:1px}.formgrid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.inputrow{display:flex;gap:10px;align-items:end}.inputrow input{flex:1}.primary{background:#243c55;color:white;border:0;border-radius:9px;padding:13px 22px;font-weight:650;white-space:nowrap;min-height:48px}.primary:hover{background:#345475}.ghost{border:1px solid #d4dce5;background:white;border-radius:8px;padding:9px 16px}.message{min-height:18px;margin-bottom:0}.error{color:#b33333}.receipt-head{display:flex;justify-content:space-between;align-items:center}.total{font-size:26px}.choices{display:flex;gap:26px;margin:18px 0}.choices label{font-weight:500}.consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:22px 0}.consent input{margin-top:4px}hr{border:0;border-top:1px solid #e8ebef;margin:25px 0}footer{text-align:center;color:#99a2ad;padding:30px} [hidden]{display:none!important}@media(max-width:650px){.container{margin:22px auto}.panel{padding:20px}.intro{display:block}.formgrid{grid-template-columns:1fr}.inputrow{display:block}.inputrow button{width:100%;margin-top:10px}.receipt-head{display:block}.total{display:block;margin-top:12px}}

/* Two-column checkout and receipt preview */
.container{max-width:1440px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,0.95fr);gap:24px;align-items:start}
.workspace-main{min-width:0}.workspace-main .panel{margin-bottom:22px}
.preview-panel{position:sticky;top:20px;min-width:0;padding:22px}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.preview-heading h2{margin:5px 0}.preview-label{font-size:11px;color:#69788b;text-align:right}
#receipt-preview{display:block;width:100%;height:min(78vh,1000px);min-height:520px;border:1px solid #e1e5eb;border-radius:10px;background:white}
@media(max-width:1000px){.workspace{grid-template-columns:1fr}.preview-panel{position:static}#receipt-preview{height:700px}}
@media(max-width:650px){.preview-heading{display:block}.preview-label{display:block;text-align:left;margin-top:8px}#receipt-preview{height:620px;min-height:420px}}