:root{--ink:#183246;--paper:#f7f8f5;--card:#fff;--muted:#647781;--accent:#e56e45;--accent-dark:#c85335;--danger:#b84236;--shadow:0 20px 58px rgba(20,51,70,.12)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh;background:radial-gradient(circle at 8% 14%,rgba(150,202,194,.22),transparent 26rem),radial-gradient(circle at 94% 84%,rgba(229,110,69,.12),transparent 30rem),var(--paper)}
.page-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:52px 20px 38px;overflow:hidden}
.page-shell::before,.page-shell::after{content:"";position:absolute;border:1px solid rgba(24,50,70,.11);border-radius:50%;pointer-events:none}.page-shell::before{width:440px;height:440px;right:-240px;top:-270px}.page-shell::after{width:280px;height:280px;left:-195px;bottom:-145px}
.topbar{position:relative;z-index:1;width:min(620px,100%);display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:27px;line-height:1;font-weight:760;letter-spacing:-1px;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--ink);box-shadow:inset 0 -3px rgba(0,0,0,.12);color:#fff;font-family:Georgia,serif;font-size:21px;font-style:italic;font-weight:700;letter-spacing:-2px;padding-right:2px}
.subtitle{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:760;letter-spacing:1.35px;text-transform:uppercase}.subtitle span{display:block;width:7px;height:7px;border-radius:50%;background:#72a89e;box-shadow:0 0 0 4px rgba(114,168,158,.13)}
.checkout-card{position:relative;z-index:1;width:min(620px,100%);background:var(--card);border:1px solid rgba(24,50,70,.12);border-radius:18px;padding:29px 34px 30px;box-shadow:var(--shadow)}
.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;padding-bottom:18px;border-bottom:1px solid #e6ecea}.eyebrow{margin:0;color:#70838a;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.card-status{display:flex;align-items:center;gap:6px;color:#53716f;font-size:11px;font-weight:700}.card-status i{display:block;width:6px;height:6px;border-radius:50%;background:#64a79a}
h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.05;font-weight:600;letter-spacing:-1.25px}.intro{max-width:470px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.58}
.label{display:block;margin:25px 0 9px;color:#48636c;font-size:10px;line-height:1;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.amount-wrap{position:relative}.amount,.text-input{width:100%;appearance:none;border:1px solid #bdcacb;outline:0;border-radius:12px;background:#fff;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.amount{height:64px;padding:0 86px 0 18px;font:700 26px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.6px}.amount::-webkit-outer-spin-button,.amount::-webkit-inner-spin-button{appearance:none;margin:0}.text-input{height:52px;padding:0 14px;font:650 14px/1 Inter,ui-sans-serif,system-ui,sans-serif}.amount:focus,.text-input:focus{border-color:#719e99;box-shadow:0 0 0 4px rgba(113,158,153,.16)}.text-input::placeholder,.amount::placeholder{color:#98a6aa;opacity:1}.currency{position:absolute;right:9px;top:9px;bottom:9px;display:inline-flex;align-items:center;justify-content:center;min-width:59px;padding:0 11px;border-radius:8px;background:#e8efed;color:#395a5e;font-size:11px;font-weight:800;letter-spacing:.3px}.help{margin:9px 0 0;color:#74858b;font-size:12px;line-height:1.5}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.field-wide{grid-column:1/-1}
button{width:100%;height:57px;margin-top:29px;border:0;border-radius:11px;background:var(--accent);box-shadow:0 8px 15px rgba(197,83,53,.16);color:#fff;font:800 13px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}button:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 10px 19px rgba(197,83,53,.22)}button:disabled{opacity:.58;cursor:not-allowed;transform:none}.error{display:none;margin-top:12px;color:var(--danger);font-size:12.5px;line-height:1.4}.error.show{display:block}.secure-note{margin:25px 0 0;text-align:center;color:#77878b;font-size:10px;line-height:1.45;letter-spacing:.45px}.secure-note span{margin-right:5px;color:#62948d;font-size:15px;vertical-align:-1px}
footer{position:relative;z-index:1;width:min(620px,100%);display:flex;justify-content:center;gap:7px;margin-top:24px;color:#7b8a8d;font-size:10px;letter-spacing:.7px;text-transform:uppercase}footer b{color:#466b69;font-size:11px;letter-spacing:.2px;text-transform:none}.result-card{text-align:center;padding-top:43px;padding-bottom:43px}.result-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;border-radius:50%;background:#e8efed;color:#4b8178;font-size:25px;font-weight:800}.result-icon.cancelled{background:#faece7;color:var(--accent-dark)}.result-message{max-width:440px;margin:12px auto 0;color:var(--muted);font-size:14px;line-height:1.65}.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:49px;margin-top:25px;padding:0 22px;border-radius:10px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;letter-spacing:.7px;text-decoration:none;text-transform:uppercase}
@media(max-width:620px){.page-shell{padding:30px 15px}.topbar{margin-bottom:23px}.brand{font-size:25px}.checkout-card{border-radius:16px;padding:23px 20px 25px}.card-header{margin-bottom:24px;padding-bottom:16px}h1{font-size:28px}.intro{font-size:13.5px}.amount{height:61px;font-size:24px}.customer-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}button{height:55px;margin-top:26px}}