:root{--ink:#101923;--cream:#f4f0e8;--white:#fcfaf6;--slate:#596572;--blue:#1b82c4;--orange:#d86a32;--line:rgba(16,25,35,.16);--line-strong:rgba(16,25,35,.32);--display:"Space Grotesk",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream);color:var(--ink);font-family:var(--body);line-height:1.55}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(16,25,35,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,25,35,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000 0,#000 72%,transparent 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 18% 10%,rgba(27,130,196,.15),transparent 30%),radial-gradient(circle at 82% 0,rgba(216,106,50,.13),transparent 28%),linear-gradient(to bottom,rgba(252,250,246,.7),rgba(244,240,232,.95))}
a{color:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.gateway-shell{width:calc(100% - 230px);max-width:760px;margin:0 auto;padding:clamp(34px,7vw,82px) 0 34px}
.brand{text-align:center;margin-bottom:28px}.brand h1{font-family:var(--display);font-size:clamp(2.2rem,6vw,4.7rem);line-height:.95;letter-spacing:-.035em;margin:0}.brand p{margin:12px 0 0;color:var(--slate);font-weight:750}.private-label{display:inline-flex;margin-top:22px;border:1px solid var(--line-strong);background:rgba(252,250,246,.72);padding:8px 12px;font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.gateway-card,.request-card{border:1px solid var(--ink);background:rgba(252,250,246,.92);box-shadow:18px 18px 0 rgba(16,25,35,.07);backdrop-filter:blur(16px)}
.gateway-card{padding:clamp(24px,5vw,42px)}.gateway-card h2,.request-card h2{font-family:var(--display);font-size:clamp(1.7rem,4vw,2.55rem);line-height:1;letter-spacing:-.03em;margin:0 0 14px}.gateway-card p,.request-card p{color:var(--slate);margin:0 0 18px}.form-grid{display:grid;gap:14px;margin-top:22px}label{display:grid;gap:7px;font-weight:850}input,textarea{width:100%;border:1px solid var(--line-strong);background:var(--white);padding:13px 14px;font:inherit;min-height:48px;color:var(--ink)}textarea{resize:vertical}.button{min-height:50px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font:inherit;font-weight:850;padding:13px 18px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(16,25,35,.12)}
.gateway-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:34px 0;color:var(--slate);font-size:.78rem;font-weight:850;letter-spacing:.16em}.gateway-divider:before,.gateway-divider:after{content:"";height:1px;background:var(--line-strong)}
.request-card{padding:clamp(22px,5vw,36px)}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.notice{border:1px solid var(--orange);background:rgba(216,106,50,.09);padding:14px 16px;margin:0 0 20px;font-weight:750}.notice.success{border-color:rgba(27,130,196,.65);background:rgba(27,130,196,.1)}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.footer-note{text-align:center;color:var(--slate);font-weight:650;margin:28px 0 0}
@media(max-width:640px){body{overflow-x:hidden}.gateway-shell{width:calc(100% - 48px);max-width:760px;padding-top:26px}.brand h1{font-size:clamp(1.65rem,7.6vw,1.95rem);line-height:1.04;max-width:100%;overflow-wrap:anywhere}.brand p{font-size:.9rem;max-width:18rem;margin-inline:auto}.private-label{font-size:.68rem}.request-grid{grid-template-columns:1fr}.gateway-card,.request-card{box-shadow:8px 8px 0 rgba(16,25,35,.07)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}