.client-space{background:#f4f6ff;background-image:radial-gradient(ellipse at 5% 20%,#d8ebff 0,transparent 47%),radial-gradient(ellipse at 93% 10%,#e8ddff 0,transparent 45%),radial-gradient(ellipse at 80% 90%,#e0edff 0,transparent 38%)}.client-space header{max-width:1180px;padding-top:26px}.client-layout{max-width:1180px;display:grid;grid-template-columns:1fr 470px;gap:80px;align-items:start;padding-top:44px;padding-bottom:70px}.client-intro h1{font-size:58px;line-height:1.06;letter-spacing:-2.8px;font-weight:780;margin:20px 0}.client-intro h1 span{background:linear-gradient(105deg,#067cff,#7043ec);-webkit-background-clip:text;background-clip:text;color:transparent}.client-intro>p{max-width:380px;font-size:16px;line-height:1.7}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:#627496;display:flex;align-items:center;gap:8px}.tiny-dot{width:7px;height:7px;border-radius:100%;background:#2588f1;box-shadow:0 0 0 4px #2588f114}.payment-glass{padding:32px;border-radius:30px;background:linear-gradient(135deg,#ffffffed,#ffffffa3);border:1px solid #ffffff;box-shadow:0 24px 65px #496b9b1c,0 1px 0 #ffffff inset;backdrop-filter:blur(36px) saturate(1.6)}.payment-glass h2{font-size:29px;letter-spacing:-.8px;line-height:1.15;margin:24px 0 12px}.payment-glass p{line-height:1.6}.progress-dots{display:flex;gap:7px;margin:0 0 23px}.progress-dots span{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:32px;color:#8893aa;font-size:11px;border-bottom:2px solid #dfe6f366;padding-bottom:9px}.progress-dots i{font-style:normal;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edf1fa;font-size:11px}.progress-dots .current{color:#2061df;border-color:#3680f2}.progress-dots .current i{background:#227dff;color:white}.amount-entry{position:relative;display:flex;align-items:center}.amount-entry input{font-size:43px;font-weight:750;letter-spacing:-1.5px;height:87px;padding:16px 47px 16px 20px;background:#fff8;border:1px solid #d8e2f480;border-radius:19px;box-shadow:0 2px 8px #183a7106 inset}.amount-entry input::placeholder{color:#b9c3d7}.amount-entry>span{position:absolute;right:22px;color:#7d8ca5;font-size:24px;pointer-events:none}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-amounts button{min-height:44px;padding:8px 5px;border-radius:10px;background:#fff9;border:1px solid #dde4f180;color:#4b6387;box-shadow:none;font-size:12px}.payment-glass input{background:#ffffffa8}.payment-glass .full{min-height:55px;border-radius:16px;box-shadow:0 8px 17px #3d68dd20;font-size:15px;margin-top:7px}.trust-line{display:flex;align-items:center;justify-content:center;gap:7px;color:#75829a;font-size:11px;margin:20px 0 0}.trust-line svg{width:13px;height:13px}.method-choice{width:100%;background:#ffffffa6;border:1px solid #dce6f2;border-radius:18px;padding:20px;display:flex;align-items:center;gap:13px;color:#23334d;box-shadow:none;justify-content:flex-start;text-align:left;min-height:95px}.method-choice .method-icon{width:45px;height:45px;background:linear-gradient(135deg,#ddedff,#e9ddff);border-radius:13px;display:grid;place-items:center;flex-shrink:0}.method-choice svg{width:25px;height:25px;color:#4365dc}.method-choice small{display:block;color:#7c87a0;font-size:11px;font-weight:450;margin-top:5px}.method-note{padding:14px 0 8px;color:#73819b;font-size:12px}.payment-glass .back-link{min-height:44px;background:none;box-shadow:none;color:#6c7d9b;padding:12px 0;font-weight:550;font-size:12px}.review-total{font-size:46px;font-weight:750;letter-spacing:-2px;padding:7px 0 5px}.review-label{color:#7890ad;font-size:11px;letter-spacing:.8px;text-transform:uppercase;margin-top:22px}.review-details{grid-template-columns:1fr 1.5fr;font-size:13px;gap:15px;margin:22px 0}.merchant-disclosure{border:1px solid #e0e6f199;border-radius:13px;padding:12px 14px;margin:17px 0;font-size:11px;background:#ffffff65}.merchant-disclosure summary{margin:0;font-size:12px;font-weight:550;color:#627493}.merchant-disclosure p{font-size:11px;margin:10px 0 0}.review-security{display:flex;gap:10px;padding:14px;border-radius:13px;background:#e5f5ee8c;color:#318267;font-size:11px;align-items:center}.review-security svg{width:20px;flex-shrink:0}.review-check{font-size:11px;line-height:1.5;color:#6a7892;margin-top:20px}.review-check input{flex-shrink:0;margin:0 6px 0 0}.glass-orbit{position:relative;height:150px;width:300px;margin:30px 0 24px}.brand-tile{position:absolute;left:90px;top:18px;width:100px;height:110px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(140deg,#ffffffe6,#a4cdf33d);border:1px solid #fffffff2;box-shadow:0 16px 40px #326bbe20,0 1px 0 #fff inset;transform:rotate(-12deg);backdrop-filter:blur(15px)}.brand-tile img{width:61px;height:75px}.orbit-ring{position:absolute;inset:23px 15px;border:1px solid #7aa7ed21;border-radius:50%;transform:rotate(-12deg)}.floating-symbol{position:absolute;border:1px solid #ffffffbd;background:#ffffff87;backdrop-filter:blur(12px);box-shadow:0 10px 25px #395b9510;border-radius:15px;padding:13px 18px;color:#4b77da;font-size:25px;line-height:1}.symbol-one{left:16px;top:75px;transform:rotate(10deg)}.symbol-two{right:20px;top:10px;transform:rotate(10deg);color:#664fe2}.intro-points{display:grid;gap:15px;max-width:390px}.intro-points>div{display:flex;gap:12px;align-items:center}.intro-points>div>span{background:#ffffff73;border:1px solid #fff;border-radius:10px;color:#7285b1;width:32px;height:32px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.intro-points p{font-size:11px;margin:0;color:#7b8ca7}.intro-points strong{color:#40577c;font-size:12px;font-weight:650}.client-footer{max-width:1130px;margin:0 auto;padding:20px 24px 28px;border-top:1px solid #ccd8ed5c;display:flex;justify-content:space-between;gap:10px;color:#8a98b0;font-size:11px}.client-footer>span:first-child{font-weight:750;color:#63799b}@media(max-width:1000px){.client-layout{gap:35px;grid-template-columns:1fr 420px}.client-intro h1{font-size:47px}}@media(max-width:760px){.client-space header{padding:20px}.client-layout{display:block;padding:0 16px 18px}.client-intro{padding:5px 7px 12px}.client-intro .eyebrow{font-size:9px;letter-spacing:1.2px}.client-intro h1{font-size:30px;letter-spacing:-1px;margin:13px 0 8px;line-height:1.13}.client-intro h1 br{display:none}.client-intro h1 span{display:block}.client-intro>p{font-size:12px;margin:0;max-width:320px}.glass-orbit,.intro-points{display:none}.payment-glass{padding:24px 21px;border-radius:25px;margin-top:6px}.payment-glass h2{font-size:24px;margin:20px 0 10px}.payment-glass>p{font-size:12px}.amount-entry input{font-size:37px;height:78px}.payment-glass .stack{gap:13px}.client-footer{padding:12px 20px 24px;font-size:9px;flex-wrap:wrap}.review-total{font-size:40px}.review-check{font-size:11px}.client-space header .pill{font-size:9px}.progress-dots{margin-bottom:18px}.progress-dots span{font-size:10px}.trust-line{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.client-layout > section { min-width: 0; }
.client-space { background-image: radial-gradient(ellipse at 5% 20%, #e3effc 0, transparent 47%), radial-gradient(ellipse at 93% 10%, #ede7fa 0, transparent 45%), radial-gradient(ellipse at 80% 90%, #eaf0fb 0, transparent 38%); }
.client-layout .payment-glass { background: linear-gradient(135deg, #fffffff2, #ffffffcb); box-shadow: 0 18px 52px #496b9b16, 0 1px 0 #fff inset; }
.payment-glass label { color: #354d71; }
.payment-glass > p { color: #5c6f8b; }
.progress-dots span { color: #617390; }
.trust-line, .method-note, .review-label { color: #60738e; }
.review-security { color: #22694f; font-size: 12px; }
.review-check { color: #536783; font-size: 12px; line-height: 1.65; }
.payment-glass .back-link { color: #4f6890; }
.client-layout .intro-points p { color: #5e7290; font-size: 12px; }
.client-layout .intro-points > div > span { color: #526b91; }
.merchant-disclosure summary { color: #536783; min-height: 26px; }
.merchant-disclosure p { color: #536783; line-height: 1.65; }
.quick-amounts button:hover:not(:disabled) { border-color: #9ab8eb; background: #fff; }
.client-space button:focus-visible, .client-space .button:focus-visible,
.client-space a:focus-visible, .client-space summary:focus-visible {
  outline: 3px solid #2568d4;
  outline-offset: 3px;
}
.client-space .full:disabled { box-shadow: none; }
.client-space .review-details dd { min-width: 0; }
.client-footer nav a { min-height: 44px; display: inline-flex; align-items: center; }
.client-space .client-footer nav a { color: #5d7190; }
.client-space .client-footer > span:first-child { color: #526b8d; }
@media (min-width: 761px) {
  .client-layout > .client-intro { position: sticky; top: 30px; }
}
@media (max-width: 760px) {
  .client-space header { gap: 10px; padding: 17px 18px; }
  .client-layout > .client-intro { padding: 0 7px 9px; }
  .client-layout > .client-intro .eyebrow,
  .client-layout > .client-intro > p { display: none; }
  .client-layout > .client-intro h1 { font-size: 24px; margin: 4px 0 10px; }
  .client-layout > .client-intro h1 span { display: inline; }
  .payment-glass input:not([type=checkbox]), .payment-glass textarea, .payment-glass select { font-size: 16px; }
  .payment-glass .amount-entry input { font-size: 37px; }
  .payment-glass label { font-size: 13px; }
  .review-details { gap: 13px 10px; font-size: 12px; }
  .review-check { font-size: 12px; }
  .client-footer { align-items: center; font-size: 11px; }
  .client-footer nav { gap: 0 14px; }
}
@media (max-width: 359px) {
  .client-space header .brand { font-size: 18px; gap: 7px; }
  .client-space header .brand img { width: 25px; height: 30px; }
  .client-space header .pill { padding: 6px 8px; font-size: 8px; }
  .client-layout { padding-inline: 12px; }
  .payment-glass { padding: 22px 17px; }
  .progress-dots { gap: 4px; }
  .progress-dots span { gap: 4px; font-size: 9px; }
  .progress-dots i { width: 19px; height: 19px; }
  .client-space .narrow { padding-inline: 12px; }
}
