#qpay-auth-designs {font-family:Inter,Arial,sans-serif; color-scheme:light dark}
#qpay-auth-designs .qp-stage {--qp-bg:light-dark(#f6f8f3,#14221e);--qp-paper:light-dark(#ffffff,#1d3029);--qp-ink:light-dark(#172e27,#eef6f0);--qp-sub:light-dark(#64776d,#b1c3b9);--qp-line:light-dark(#dce5dd,#3a5045);--qp-accent:light-dark(#136b5a,#79d5b3);--qp-on-accent:light-dark(#ffffff,#102d23); min-height:690px; background:var(--qp-bg);color:var(--qp-ink);display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}
#qpay-auth-designs .qp-stage * {box-sizing:border-box}
#qpay-auth-designs .qp-brand {display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650;letter-spacing:-.7px}
#qpay-auth-designs .qp-monogram {width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:var(--qp-accent);color:var(--qp-on-accent);font-size:22px;font-weight:650}
#qpay-auth-designs .qp-brand small {display:block;font-size:10px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;margin-top:3px}
#qpay-auth-designs .qp-header {display:flex;justify-content:space-between;align-items:center;padding:25px 35px;gap:15px;flex-wrap:wrap}
#qpay-auth-designs .qp-mini {font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}
#qpay-auth-designs .qp-sub {color:var(--qp-sub);font-size:13px;line-height:1.6}
#qpay-auth-designs h1,#qpay-auth-designs h2,#qpay-auth-designs p {margin:0}
#qpay-auth-designs .qp-login h2 {font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:600;margin:10px 0}
#qpay-auth-designs .qp-login {width:100%;max-width:340px;min-width:0}
#qpay-auth-designs .qp-fields {display:grid;gap:17px;margin-top:28px}
#qpay-auth-designs .qp-field {display:grid;gap:8px;font-size:12px;font-weight:550}
#qpay-auth-designs .qp-input {display:flex;align-items:center;border:1px solid var(--qp-line);background:var(--qp-paper);border-radius:9px;min-height:46px;overflow:hidden}
#qpay-auth-designs .qp-input input {font:inherit;font-size:14px;width:100%;min-width:0;border:0;padding:13px 14px;background:transparent;color:var(--qp-ink)}
#qpay-auth-designs .qp-input:focus-within {outline:2px solid var(--qp-accent);outline-offset:2px}
#qpay-auth-designs button {font-family:inherit}
#qpay-auth-designs .qp-eye {border:0;background:transparent;color:var(--qp-sub);padding:12px;font-size:12px;flex-shrink:0}
#qpay-auth-designs .qp-action {width:100%;min-height:46px;border:0;border-radius:9px;background:var(--qp-accent);color:var(--qp-on-accent);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px}
#qpay-auth-designs .qp-secondary {width:100%;min-height:44px;border:1px solid var(--qp-line);border-radius:9px;background:transparent;color:var(--qp-ink);font-size:13px;padding:12px}
#qpay-auth-designs .qp-text-button {font-size:12px;background:transparent;color:var(--qp-accent);border:0;padding:0;text-decoration:underline;text-underline-offset:3px}
#qpay-auth-designs .qp-row {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#qpay-auth-designs .qp-row label {font-size:12px;font-weight:400;display:flex;align-items:center;gap:7px}
#qpay-auth-designs input[type=checkbox] {accent-color:var(--qp-accent);width:15px;height:15px;margin:0}
#qpay-auth-designs .qp-footer {display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--qp-sub);padding:24px 35px;margin-top:auto}
#qpay-auth-designs .qp-rule {display:flex;align-items:center;gap:13px;font-size:11px;color:var(--qp-sub);margin:20px 0}
#qpay-auth-designs .qp-rule::before,#qpay-auth-designs .qp-rule::after {content:'';height:1px;background:var(--qp-line);flex:1}
#qpay-auth-designs .qp-note {font-size:11px;line-height:1.6;color:var(--qp-sub);margin-top:19px;text-align:center}
#qpay-auth-designs .qp-iconline {display:flex;align-items:center;gap:8px;font-size:12px}
#qpay-auth-designs .qp-preview-note {padding:12px 4px;font-size:12px;line-height:1.5;color:light-dark(#51665c,#b9ccc2)}
#qpay-auth-designs .qp-preview-note strong {font-weight:600}
#qpay-auth-designs .qp-otp {letter-spacing:12px;font-size:22px!important;text-align:center}
#qpay-auth-designs [hidden] {display:none!important}
#qpay-auth-designs .qp-feedback {font-size:12px;line-height:1.5;color:var(--qp-sub);min-height:18px;margin-top:10px}
/* Emerald Split */
#qpay-auth-designs .qp-emerald {display:grid;grid-template-columns:48% 52%;flex:1;min-height:690px}
#qpay-auth-designs .qp-emerald-story {background:#153f36;color:#f5f8ee;display:flex;flex-direction:column;padding:35px;position:relative;overflow:hidden}
#qpay-auth-designs .qp-emerald-story .qp-monogram {background:#f6db88;color:#153f36}
#qpay-auth-designs .qp-emerald-story h1 {font-size:47px;letter-spacing:-2px;line-height:1.08;font-weight:500;position:relative;z-index:1;margin-top:83px}
#qpay-auth-designs .qp-emerald-story h1 em {color:#f6db88;font-style:normal}
#qpay-auth-designs .qp-emerald-story p {color:#c4d7cc;font-size:14px;line-height:1.7;max-width:275px;margin-top:20px;position:relative;z-index:1}
#qpay-auth-designs .qp-emerald-orbit {position:absolute;width:410px;height:410px;border:1px solid #477263;border-radius:50%;left:80px;top:350px}
#qpay-auth-designs .qp-emerald-orbit::after {content:'';position:absolute;inset:40px;border:1px solid #477263;border-radius:50%}
#qpay-auth-designs .qp-emerald-caption {margin-top:auto;position:relative;z-index:1;padding-top:55px}
#qpay-auth-designs .qp-emerald-main {display:flex;align-items:center;justify-content:center;padding:38px;flex-direction:column;background:var(--qp-paper)}
#qpay-auth-designs .qp-emerald-main .qp-mini {color:var(--qp-accent)}
/* Ivory Focus */
#qpay-auth-designs .qp-ivory {--qp-bg:light-dark(#f6f4ef,#24241f);--qp-paper:light-dark(#ffffff,#2e3028);--qp-accent:light-dark(#245c44,#a1d5b5);--qp-on-accent:light-dark(#ffffff,#17291b)}
#qpay-auth-designs .qp-ivory-main {display:grid;place-items:center;flex:1;padding:20px 26px 35px}
#qpay-auth-designs .qp-ivory .qp-login {max-width:390px;padding:32px;background:var(--qp-paper);border:1px solid var(--qp-line);border-radius:18px;box-shadow:0 12px 40px #1c302008}
#qpay-auth-designs .qp-ivory .qp-login h2 {font-family:Georgia,serif;font-weight:400;font-size:34px;letter-spacing:-1.1px}
#qpay-auth-designs .qp-ivory .qp-fields {gap:14px;margin-top:24px}
#qpay-auth-designs .qp-ivory .qp-mini {color:var(--qp-accent)}
#qpay-auth-designs .qp-ivory .qp-markline {width:34px;height:3px;background:var(--qp-accent);margin-bottom:21px}
/* Graphite Studio */
#qpay-auth-designs .qp-graphite {--qp-bg:#161c1a;--qp-paper:#202925;--qp-ink:#f0f5ef;--qp-sub:#a6b9ad;--qp-line:#3d4c43;--qp-accent:#c6e88d;--qp-on-accent:#1d2a15;color-scheme:dark}
#qpay-auth-designs .qp-graphite-main {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:35px 55px 45px;flex:1}
#qpay-auth-designs .qp-graphite .qp-login {max-width:340px}
#qpay-auth-designs .qp-graphite .qp-mini {color:#c6e88d}
#qpay-auth-designs .qp-graphite .qp-input,#qpay-auth-designs .qp-graphite .qp-action {border-radius:5px}
#qpay-auth-designs .qp-studio {display:flex;flex-direction:column;align-items:center;text-align:center}
#qpay-auth-designs .qp-studio-visual {width:230px;height:230px;display:grid;place-items:center;position:relative;margin-bottom:26px}
#qpay-auth-designs .qp-studio-ring {position:absolute;inset:0;border:1px solid #526444;border-radius:50%}
#qpay-auth-designs .qp-studio-ring:nth-child(2) {inset:23px;border-style:dashed}
#qpay-auth-designs .qp-studio-ring:nth-child(3) {inset:46px}
#qpay-auth-designs .qp-studio-core {width:95px;height:95px;display:grid;place-items:center;background:#c6e88d;color:#1d2a15;border-radius:26px;transform:rotate(-10deg)}
#qpay-auth-designs .qp-studio-core i {transform:rotate(10deg)}
#qpay-auth-designs .qp-studio h1 {font-size:32px;letter-spacing:-1px;line-height:1.12;font-weight:500;max-width:270px}
#qpay-auth-designs .qp-studio p {max-width:260px;margin-top:15px}
/* Azure Workspace */
#qpay-auth-designs .qp-azure {--qp-bg:light-dark(#f0f5fb,#151f2e);--qp-paper:light-dark(#ffffff,#1f2d42);--qp-ink:light-dark(#142e50,#edf3fe);--qp-sub:light-dark(#5c708a,#b4c5dc);--qp-line:light-dark(#d9e3ef,#435671);--qp-accent:light-dark(#245ab7,#93baff);--qp-on-accent:light-dark(#ffffff,#172d4c)}
#qpay-auth-designs .qp-azure .qp-header {background:var(--qp-paper);border-bottom:1px solid var(--qp-line)}
#qpay-auth-designs .qp-azure-main {display:grid;grid-template-columns:180px 1fr;max-width:650px;width:100%;margin:auto;gap:40px;padding:35px 24px}
#qpay-auth-designs .qp-steps {display:flex;flex-direction:column;gap:30px;padding-top:8px}
#qpay-auth-designs .qp-step {display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:center;font-size:12px;color:var(--qp-sub)}
#qpay-auth-designs .qp-step span {width:27px;height:27px;border:1px solid var(--qp-line);border-radius:50%;display:grid;place-items:center;font-size:11px}
#qpay-auth-designs .qp-step:first-child {color:var(--qp-accent);font-weight:600}
#qpay-auth-designs .qp-step:first-child span {background:var(--qp-accent);color:var(--qp-on-accent);border-color:var(--qp-accent)}
#qpay-auth-designs .qp-azure .qp-login {background:var(--qp-paper);border:1px solid var(--qp-line);border-radius:13px;padding:28px;max-width:400px}
#qpay-auth-designs .qp-azure .qp-login h2 {font-size:25px}
#qpay-auth-designs .qp-azure .qp-mini {color:var(--qp-accent)}
#qpay-auth-designs .qp-azure .qp-fields {margin-top:24px}
/* Warm Editorial */
#qpay-auth-designs .qp-warm {--qp-bg:light-dark(#f7eee3,#2b231c);--qp-paper:light-dark(#fffaf3,#362c23);--qp-ink:light-dark(#433224,#f7ecdf);--qp-sub:light-dark(#7a6758,#c9b29c);--qp-line:light-dark(#ddcbb7,#644f3d);--qp-accent:light-dark(#94502d,#e8ab7e);--qp-on-accent:light-dark(#fffaf3,#332012)}
#qpay-auth-designs .qp-warm .qp-monogram {border-radius:50%}
#qpay-auth-designs .qp-warm-main {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding:25px 50px 48px;flex:1}
#qpay-auth-designs .qp-warm-story h1 {font-family:Georgia,serif;font-size:52px;font-weight:400;letter-spacing:-2px;line-height:1.06;margin:17px 0 20px}
#qpay-auth-designs .qp-warm-story h1 em {color:var(--qp-accent);font-weight:400}
#qpay-auth-designs .qp-warm-story p {max-width:260px}
#qpay-auth-designs .qp-warm-graphic {height:92px;margin-top:35px;display:flex;align-items:center;gap:10px}
#qpay-auth-designs .qp-warm-circle {width:75px;height:75px;border:1px solid var(--qp-accent);border-radius:50%;display:grid;place-items:center;color:var(--qp-accent)}
#qpay-auth-designs .qp-warm-circle:last-child {background:var(--qp-accent);color:var(--qp-on-accent)}
#qpay-auth-designs .qp-warm-connect {width:35px;height:1px;background:var(--qp-accent)}
#qpay-auth-designs .qp-warm .qp-login {background:var(--qp-paper);border:1px solid var(--qp-line);border-radius:3px;padding:28px;max-width:370px}
#qpay-auth-designs .qp-warm .qp-login h2 {font-family:Georgia,serif;font-size:31px;font-weight:400}
#qpay-auth-designs .qp-warm .qp-action,#qpay-auth-designs .qp-warm .qp-input {border-radius:3px}
@media(max-width:650px) {
 #qpay-auth-designs .qp-stage {min-height:1000px}
 #qpay-auth-designs .qp-header {padding:22px}
 #qpay-auth-designs .qp-header>.qp-mini {display:none}
 #qpay-auth-designs .qp-footer {padding:22px}
 #qpay-auth-designs .qp-emerald {grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:1000px}
 #qpay-auth-designs .qp-emerald-story {padding:25px}
 #qpay-auth-designs .qp-emerald-story h1 {font-size:36px;margin-top:30px}
 #qpay-auth-designs .qp-emerald-story p {max-width:100%;margin-top:14px}
 #qpay-auth-designs .qp-emerald-caption {padding-top:25px}
 #qpay-auth-designs .qp-emerald-orbit {top:70px;left:200px}
 #qpay-auth-designs .qp-emerald-main {padding:30px 24px;justify-content:flex-start}
 #qpay-auth-designs .qp-ivory-main {align-items:start;padding-top:60px}
 #qpay-auth-designs .qp-ivory .qp-login {padding:25px}
 #qpay-auth-designs .qp-graphite-main {grid-template-columns:1fr;gap:30px;padding:25px;justify-items:center;align-content:start}
 #qpay-auth-designs .qp-studio {order:2;margin-top:0}
 #qpay-auth-designs .qp-studio-visual {width:120px;height:120px;margin-bottom:20px}
 #qpay-auth-designs .qp-studio-ring:nth-child(2) {inset:14px}
 #qpay-auth-designs .qp-studio-ring:nth-child(3) {inset:28px}
 #qpay-auth-designs .qp-studio-core {width:55px;height:55px;border-radius:15px}
 #qpay-auth-designs .qp-studio h1 {font-size:26px}
 #qpay-auth-designs .qp-azure-main {grid-template-columns:1fr;gap:25px;padding:28px 20px;margin:0 auto}
 #qpay-auth-designs .qp-steps {flex-direction:row;gap:15px;justify-content:space-between}
 #qpay-auth-designs .qp-step {grid-template-columns:1fr;gap:8px;justify-items:center;text-align:center;font-size:11px;flex:1}
 #qpay-auth-designs .qp-azure .qp-login {max-width:100%;padding:24px}
 #qpay-auth-designs .qp-warm-main {grid-template-columns:1fr;gap:25px;padding:15px 24px 30px;align-content:start}
 #qpay-auth-designs .qp-warm-story h1 {font-size:38px;max-width:330px;margin:10px 0 14px}
 #qpay-auth-designs .qp-warm-story p {max-width:100%}
 #qpay-auth-designs .qp-warm-graphic {display:none}
 #qpay-auth-designs .qp-warm .qp-login {max-width:100%;padding:24px}
}
#qpay-auth-designs .qp-stage,#qpay-auth-designs .qp-emerald {min-height:830px}
#qpay-auth-designs .qp-preview-note {min-height:60px}
@media(max-width:650px) {#qpay-auth-designs .qp-stage,#qpay-auth-designs .qp-emerald {min-height:1140px} #qpay-auth-designs .qp-preview-note {min-height:82px}}
@media(pointer:coarse) {#qpay-auth-designs .qp-text-button,#qpay-auth-designs .qp-eye {min-height:44px} #qpay-auth-designs .qp-input input {font-size:16px}}

html{color-scheme:light dark}body{margin:0;background:light-dark(#f6f8f3,#14221e);color:light-dark(#172e27,#eef6f0);font-family:Arial,sans-serif}*{box-sizing:border-box}a{color:inherit}button,input{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #428b75;outline-offset:4px}.preview-bar{padding:15px 24px;background:light-dark(#ffffff,#1d3029);border-bottom:1px solid light-dark(#dce5dd,#3a5045);display:flex;gap:14px 24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.preview-bar a{text-decoration:none;font-size:13px;padding:8px 0}.preview-bar nav{display:flex;gap:4px 18px;flex-wrap:wrap}.preview-bar a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.preview-label{font-size:12px;margin:0;padding:10px 24px;background:light-dark(#ecf3ee,#233c30);color:light-dark(#355a46,#c1dccb);line-height:1.6}.preview-label strong{font-weight:600}.preview-gallery{max-width:1160px;padding:55px 24px;margin:0 auto}.preview-gallery h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.6px;font-weight:500;line-height:1.1;margin:15px 0}.preview-gallery>p{line-height:1.7;max-width:650px;color:light-dark(#64776d,#b1c3b9)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px;margin-top:36px}.preview-card{display:flex;flex-direction:column;gap:15px;text-decoration:none;padding:18px;background:light-dark(#fff,#1d3029);border:1px solid light-dark(#dce5dd,#3a5045);border-radius:14px}.preview-card:hover{border-color:light-dark(#136b5a,#79d5b3)}.preview-card h2{font-size:21px;letter-spacing:-.5px;margin:0}.preview-card p{font-size:14px;line-height:1.6;color:light-dark(#64776d,#b1c3b9);margin:0}.preview-card>span:last-child{font-size:13px;margin-top:auto}.preview-sample{height:165px;display:grid;grid-template-columns:45% 55%;border-radius:7px;overflow:hidden;background:var(--sample-bg)}.preview-sample .sample-side{background:var(--sample-color);padding:20px;color:var(--sample-on);font-size:26px;font-weight:600}.preview-sample .sample-form{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px}.sample-form span{height:13px;border:1px solid #6b786c66;border-radius:3px}.sample-form span:last-child{background:var(--sample-color);border:0}.preview-card.ivory .preview-sample{grid-template-columns:1fr;padding:20px 60px}.preview-card.ivory .sample-side{display:none}.preview-card.ivory .sample-form{padding:18px;background:#fff;border-radius:8px}.preview-card.graphite .preview-sample{grid-template-columns:60% 40%}.preview-card.graphite .sample-side{order:2;display:grid;place-items:center;margin:25px;border-radius:50%;font-size:22px}.preview-card.azure .preview-sample{grid-template-columns:30% 70%}.preview-card.azure .sample-side{font-size:18px}.preview-card.warm h2{font-family:Georgia,serif;font-weight:400}.preview-card.warm .sample-side{font-family:Georgia,serif}.preview-gallery .preview-meta{font-size:12px;margin-top:34px}.qp-preview-status{margin-top:22px;padding:16px;border:1px solid var(--qp-line);border-radius:8px;font-size:13px;line-height:1.7}.qp-preview-status h3{font-size:19px;margin:0 0 9px;font-weight:500}.qp-preview-status p{margin:0 0 18px!important}#qpay-auth-designs .qp-stage,#qpay-auth-designs .qp-emerald{min-height:max(690px,calc(100svh - 131px))}#qpay-auth-designs .qp-feedback:empty{display:none}#qpay-auth-designs .qp-input input{font-weight:400}#qpay-auth-designs .qp-login [role=alert]{color:light-dark(#a02f2f,#ffb2a7)}.preview-caption{padding:14px 24px;margin:0;font-size:13px;line-height:1.5;color:light-dark(#64776d,#b1c3b9)}@media(max-width:650px){.preview-bar{padding:14px 20px;gap:10px}.preview-bar nav{gap:4px 15px}.preview-label{padding:10px 20px}.preview-gallery{padding:30px 20px}#qpay-auth-designs .qp-stage,#qpay-auth-designs .qp-emerald{min-height:0}#qpay-auth-designs .qp-emerald-main{padding:35px 24px}#qpay-auth-designs .qp-ivory-main{padding:30px 24px}#qpay-auth-designs .qp-graphite-main{padding:30px 24px}#qpay-auth-designs .qp-footer{padding:25px 24px}#qpay-auth-designs .qp-warm-main{padding:20px 24px 35px}.preview-caption{padding:14px 20px}}


@font-face {font-family:QPaySans;src:url('/auth/assets/geist.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body {font-family:QPaySans,Arial,sans-serif;-webkit-font-smoothing:antialiased}
#qpay-auth-designs {font-family:QPaySans,Arial,sans-serif;color-scheme:inherit}
#qpay-auth-designs .qp-input {min-height:52px}
#qpay-auth-designs .qp-field {font-size:13px;font-weight:500;gap:10px}
#qpay-auth-designs .qp-input input {padding:15px 16px}
#qpay-auth-designs .qp-action {min-height:52px;font-weight:550;justify-content:space-between;padding:15px 18px;transition:filter .15s,transform .15s}
#qpay-auth-designs .qp-action:hover {filter:brightness(.93)}
#qpay-auth-designs .qp-action:active {transform:translateY(1px)}
#qpay-auth-designs .qp-fields {gap:20px;margin-top:30px}
#qpay-auth-designs .qp-sub {font-size:14px;line-height:1.7}
#qpay-auth-designs .qp-note {font-size:12px;margin-top:24px}
#qpay-auth-designs .qp-row label,#qpay-auth-designs .qp-text-button {font-size:12px}
#qpay-auth-designs .qp-login h2 {font-weight:500}
#qpay-auth-designs .qp-emerald-story {padding:42px clamp(30px,4vw,62px)}
#qpay-auth-designs .qp-emerald-story h1 {font-size:clamp(46px,5.1vw,76px);letter-spacing:-3px;margin-top:65px}
#qpay-auth-designs .qp-emerald-main .qp-login {max-width:380px}
#qpay-auth-designs .qp-emerald-main .qp-login h2 {font-size:37px;letter-spacing:-1.5px}
#qpay-auth-designs .qp-ivory .qp-login {max-width:430px;padding:38px;border-radius:16px;box-shadow:0 20px 70px #21322208}
#qpay-auth-designs .qp-ivory .qp-login h2 {font-size:39px;line-height:1.12}
#qpay-auth-designs .qp-graphite-main {max-width:1200px;width:100%;margin:auto;padding:50px 5%;gap:80px}
#qpay-auth-designs .qp-graphite .qp-login {max-width:380px}
#qpay-auth-designs .qp-graphite .qp-login h2 {font-size:39px;letter-spacing:-1.6px}
#qpay-auth-designs .qp-studio h1 {font-size:43px;max-width:360px;letter-spacing:-1.7px}
#qpay-auth-designs .qp-studio-visual {width:270px;height:270px}
#qpay-auth-designs .qp-azure-main {max-width:860px;grid-template-columns:210px 1fr;gap:42px;padding:42px 24px}
#qpay-auth-designs .qp-azure .qp-login {max-width:440px;padding:34px}
#qpay-auth-designs .qp-azure .qp-login h2 {font-size:32px}
#qpay-auth-designs .qp-warm-main {width:100%;max-width:1300px;margin:auto;padding:40px 5%;gap:70px}
#qpay-auth-designs .qp-warm-story h1 {font-size:clamp(52px,5.5vw,80px);line-height:1.03;letter-spacing:-3px}
#qpay-auth-designs .qp-warm .qp-login {max-width:410px;padding:35px}
#qpay-auth-designs .qp-warm .qp-login h2 {font-size:38px}
/* Shared typography and chrome for the five new compositions. */
#qpay-auth-designs .qp-design-header {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 4%;position:relative;z-index:1}
#qpay-auth-designs .qp-wordmark {display:flex;align-items:center;gap:11px;font-size:24px;font-weight:550;letter-spacing:-1.2px}
#qpay-auth-designs .qp-wordmark-detail {display:block;font-size:10px;letter-spacing:1.2px;font-weight:450;text-transform:uppercase;margin-top:4px}
#qpay-auth-designs .qp-symbol {width:35px;height:35px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:450}
#qpay-auth-designs .qp-edition,#qpay-auth-designs .qp-design-kicker,#qpay-auth-designs .qp-design-footer {font-size:10px;letter-spacing:1.5px;font-weight:500}
#qpay-auth-designs .qp-design-kicker {display:flex;align-items:center;gap:9px;line-height:1.6}
#qpay-auth-designs .qp-dot {width:6px;height:6px;display:inline-block;flex-shrink:0;background:currentColor;border-radius:50%}
#qpay-auth-designs .qp-design-footer {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px 4%;margin-top:auto}
/* Verdant Atelier: an open editorial composition with a paper form. */
#qpay-auth-designs .qp-atelier {--qp-bg:light-dark(#e9ede3,#1b281e);--qp-paper:light-dark(#fbfcf7,#24372a);--qp-ink:light-dark(#233d28,#edf4e6);--qp-sub:light-dark(#5d715f,#b7c6b1);--qp-line:light-dark(#ced7c7,#4b624a);--qp-accent:light-dark(#254f32,#c4d7a4);--qp-on-accent:light-dark(#f7f9ef,#213324)}
#qpay-auth-designs .qp-atelier-main {display:grid;grid-template-columns:1.14fr 1fr;gap:6%;padding:14px 4% 40px;max-width:1500px;width:100%;margin:auto;flex:1}
#qpay-auth-designs .qp-atelier-story {position:relative;display:flex;flex-direction:column;padding-top:38px}
#qpay-auth-designs .qp-atelier-story h1 {font-size:clamp(42px,5.2vw,77px);line-height:1.03;letter-spacing:-3.4px;font-weight:430;margin:25px 0 22px}
#qpay-auth-designs .qp-atelier-story h1 em {font-family:Georgia,serif;font-weight:400;color:var(--qp-accent)}
#qpay-auth-designs .qp-atelier-story>p {font-size:14px;color:var(--qp-sub);line-height:1.8}
#qpay-auth-designs .qp-atelier-art {height:235px;width:min(100%,410px);position:relative;margin:25px auto 0}
#qpay-auth-designs .qp-petal {position:absolute;width:155px;height:155px;border-radius:90px 90px 12px 90px;left:45px;top:26px;background:light-dark(#cedaaa,#71805a);transform:rotate(15deg)}
#qpay-auth-designs .petal-two {left:150px;top:45px;transform:rotate(75deg);background:light-dark(#8da879,#436448)}
#qpay-auth-designs .petal-three {left:98px;top:100px;transform:rotate(150deg);background:light-dark(#3e6240,#9fb985);height:120px;width:120px}
#qpay-auth-designs .qp-art-stamp {position:absolute;left:5px;top:140px;display:flex;align-items:center;gap:10px;transform:rotate(-9deg);background:var(--qp-paper);border:1px solid var(--qp-line);padding:12px 17px;box-shadow:0 8px 25px #1e321212}
#qpay-auth-designs .qp-art-stamp>span:first-child {font-family:Georgia,serif;font-size:40px}
#qpay-auth-designs .qp-art-stamp>span:last-child {font-size:9px;line-height:1.8;letter-spacing:1.5px}
#qpay-auth-designs .qp-story-foot {display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;letter-spacing:1px;border-top:1px solid var(--qp-line);padding-top:19px;margin-top:auto}
#qpay-auth-designs .qp-atelier-access {background:var(--qp-paper);border:1px solid var(--qp-line);border-radius:5px;display:flex;align-items:center;flex-direction:column;padding:50px 10% 28px;justify-content:center;position:relative}
#qpay-auth-designs .qp-atelier-access::before {content:'';width:52px;height:4px;background:var(--qp-accent);position:absolute;top:0;left:35px}
#qpay-auth-designs .qp-atelier .qp-login {max-width:370px}
#qpay-auth-designs .qp-atelier .qp-login h2 {font-size:44px;letter-spacing:-1.9px;line-height:1.04;margin:18px 0}
#qpay-auth-designs .qp-atelier .qp-mini {font-size:9px;letter-spacing:1.6px;color:var(--qp-sub)}
#qpay-auth-designs .qp-atelier .qp-action,#qpay-auth-designs .qp-atelier .qp-input {border-radius:5px}
#qpay-auth-designs .qp-access-foot {display:flex;align-items:center;gap:8px;font-size:10px;margin-top:40px;color:var(--qp-sub)}
/* Cobalt Canvas: full-bleed, oversized type and a deliberate inset sheet. */
#qpay-auth-designs .qp-cobalt {--qp-bg:#2348ed;--qp-paper:#fbfbf7;--qp-ink:#f6f8ff;--qp-sub:#c8d6ff;--qp-line:#7691ff;--qp-accent:#2348ed;--qp-on-accent:#fff;color-scheme:light;background:#2348ed}
#qpay-auth-designs .qp-cobalt-main {display:grid;grid-template-columns:1.05fr 1fr;gap:7%;width:100%;max-width:1500px;margin:auto;padding:10px 4% 35px;flex:1}
#qpay-auth-designs .qp-cobalt-story {display:flex;flex-direction:column;justify-content:center;padding:16px 0}
#qpay-auth-designs .qp-cobalt-story h1 {font-size:clamp(70px,8.7vw,132px);letter-spacing:-7px;line-height:.88;font-weight:500;margin:38px 0}
#qpay-auth-designs .qp-cobalt-story h1 em {font-family:Georgia,serif;font-weight:400;color:#d7ec9e}
#qpay-auth-designs .qp-cobalt-caption {display:flex;align-items:center;gap:23px;margin-top:auto}
#qpay-auth-designs .qp-cobalt-caption p {font-size:14px;line-height:1.7;color:#d3dfff}
#qpay-auth-designs .qp-cobalt-arrow {font-size:56px;line-height:1;font-weight:300;color:#d7ec9e}
#qpay-auth-designs .qp-cobalt-sheet {--qp-ink:#192338;--qp-sub:#687081;--qp-line:#dbe0e5;--qp-accent:#2348ed;--qp-on-accent:#fff;background:var(--qp-paper);color:var(--qp-ink);border-radius:16px;padding:25px 10% 20px;display:flex;flex-direction:column;justify-content:center}
#qpay-auth-designs .qp-sheet-label,#qpay-auth-designs .qp-sheet-foot {display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.6px;padding:10px 0}
#qpay-auth-designs .qp-sheet-label {border-bottom:1px solid var(--qp-line);margin-bottom:auto}
#qpay-auth-designs .qp-sheet-label>span:last-child {font-size:25px}
#qpay-auth-designs .qp-cobalt .qp-login {max-width:100%;padding:35px 0}
#qpay-auth-designs .qp-cobalt .qp-login h2 {font-size:48px;letter-spacing:-2.5px;margin:14px 0}
#qpay-auth-designs .qp-cobalt .qp-mini {color:#2348ed;font-size:10px;letter-spacing:1.6px}
#qpay-auth-designs .qp-cobalt .qp-input {border-radius:6px;background:#fff}
#qpay-auth-designs .qp-cobalt .qp-action {border-radius:6px}
#qpay-auth-designs .qp-sheet-foot {border-top:1px solid var(--qp-line);margin-top:auto}
#qpay-auth-designs .qp-sheet-foot>span:last-child {font-size:24px;letter-spacing:-1.7px}
/* Noir Ledger: form first, with an architectural object instead of a busy hero. */
#qpay-auth-designs .qp-noir {--qp-bg:#171717;--qp-paper:#202020;--qp-ink:#f3efe6;--qp-sub:#b4b0a5;--qp-line:#44433e;--qp-accent:#e3ddc8;--qp-on-accent:#20201d;color-scheme:dark}
#qpay-auth-designs .qp-noir .qp-design-header {border-bottom:1px solid #393833;margin:0 4%;padding:27px 0}
#qpay-auth-designs .qp-noir-main {display:grid;grid-template-columns:1fr 1.1fr;max-width:1400px;width:100%;margin:auto;padding:40px 7%;gap:10%;flex:1;align-items:center}
#qpay-auth-designs .qp-noir-access {display:flex;flex-direction:column;gap:30px}
#qpay-auth-designs .qp-noir-index,#qpay-auth-designs .qp-noir-caption {font-family:monospace;font-size:10px;letter-spacing:1px;color:#aaa799}
#qpay-auth-designs .qp-noir .qp-login {max-width:380px}
#qpay-auth-designs .qp-noir .qp-mini {font-size:9px;letter-spacing:1.6px;color:#aaa799}
#qpay-auth-designs .qp-noir .qp-login h2 {font-size:65px;letter-spacing:-3px;line-height:.98;margin:18px 0}
#qpay-auth-designs .qp-noir .qp-input {border:0;border-bottom:1px solid #5b5951;border-radius:0;background:transparent}
#qpay-auth-designs .qp-noir .qp-input input {padding-left:0}
#qpay-auth-designs .qp-noir .qp-action {border-radius:0;margin-top:5px}
#qpay-auth-designs .qp-noir-story {display:flex;align-items:center;flex-direction:column;text-align:center;border-left:1px solid #393833;padding:20px 0 20px 40px}
#qpay-auth-designs .qp-noir-sculpture {position:relative;width:270px;height:240px;margin:25px 0}
#qpay-auth-designs .qp-noir-disc {position:absolute;width:185px;height:185px;left:15px;top:15px;transform:rotate(-25deg);border-radius:50%;background:repeating-linear-gradient(93deg,#a29a83 0 1px,#d6d0bd 1px 3px);box-shadow:18px 18px 40px #0005}
#qpay-auth-designs .disc-front {left:75px;top:60px;background:repeating-linear-gradient(93deg,#44443b 0 1px,#757366 1px 3px)}
#qpay-auth-designs .qp-noir-sculpture>span {position:absolute;left:100px;top:85px;font-size:75px;letter-spacing:-7px;color:#efeadc;font-weight:300}
#qpay-auth-designs .qp-noir-story h1 {font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:1.08;letter-spacing:-1.2px}
#qpay-auth-designs .qp-noir-story h1 em {color:#c5bea7}
#qpay-auth-designs .qp-noir-story>p {font-size:12px;line-height:1.8;color:#aaa799;margin-top:18px}
#qpay-auth-designs .qp-noir-footer {display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #393833;margin:0 4%;padding:24px 0;font-family:monospace;font-size:9px;letter-spacing:1px;color:#aaa799}
/* Pearl Portal: a compact centre with restrained atmospheric depth. */
#qpay-auth-designs .qp-pearl {--qp-bg:light-dark(#f2f3fb,#202334);--qp-paper:light-dark(#fff,#292d43);--qp-ink:light-dark(#30344c,#f0efff);--qp-sub:light-dark(#6f7388,#b9bcd2);--qp-line:light-dark(#dedfee,#4c526f);--qp-accent:light-dark(#5a51ad,#c1bcff);--qp-on-accent:light-dark(#fff,#27214e)}
#qpay-auth-designs .qp-pearl-main {display:flex;flex-direction:column;align-items:center;padding:20px 24px 35px;position:relative;flex:1;justify-content:center}
#qpay-auth-designs .qp-pearl-halo {position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,light-dark(#dcd9f8,#3b375c) 0,transparent 56%);pointer-events:none}
#qpay-auth-designs .qp-pearl-orbit {position:absolute;width:700px;height:440px;border:1px solid light-dark(#d5d8ed,#41445c);border-radius:50%;top:160px;left:calc(50% - 350px);transform:rotate(-22deg);pointer-events:none}
#qpay-auth-designs .qp-pearl-label {font-size:9px;letter-spacing:2px;margin-bottom:22px;color:var(--qp-sub);position:relative}
#qpay-auth-designs .qp-pearl-card {background:var(--qp-paper);border:1px solid var(--qp-line);box-shadow:0 16px 70px #3239760b;border-radius:22px;padding:30px 40px;max-width:445px;width:100%;position:relative}
#qpay-auth-designs .qp-pearl-emblem {display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:light-dark(#eeedfa,#403b67);color:var(--qp-accent);font-size:24px;margin-bottom:23px}
#qpay-auth-designs .qp-pearl .qp-login {max-width:100%}
#qpay-auth-designs .qp-pearl .qp-login h2 {font-size:38px;letter-spacing:-1.7px;line-height:1.07;margin:14px 0}
#qpay-auth-designs .qp-pearl .qp-mini {color:var(--qp-sub);font-size:9px;letter-spacing:1.5px}
#qpay-auth-designs .qp-pearl .qp-input {background:light-dark(#fafafe,#252a3e);border-radius:9px}
#qpay-auth-designs .qp-pearl .qp-action {border-radius:9px}
#qpay-auth-designs .qp-pearl-capabilities {display:flex;align-items:center;gap:13px;justify-content:center;flex-wrap:wrap;font-size:10px;margin-top:25px;position:relative;color:var(--qp-sub)}
#qpay-auth-designs .qp-pearl-capabilities .qp-dot {width:3px;height:3px}
/* Copper Journal: a masthead and an editorial grid, rather than another card. */
#qpay-auth-designs .qp-journal {--qp-bg:light-dark(#f6f0e5,#2c261e);--qp-paper:light-dark(#f6f0e5,#2c261e);--qp-ink:light-dark(#4f3528,#f0e0c9);--qp-sub:light-dark(#816b58,#c2ab91);--qp-line:light-dark(#ccbaa3,#6c5844);--qp-accent:light-dark(#a7492d,#eaa083);--qp-on-accent:light-dark(#fff8ed,#392519)}
#qpay-auth-designs .qp-journal-masthead {display:flex;justify-content:space-between;align-items:center;margin:0 4%;padding:20px 0 23px;border-bottom:3px double var(--qp-line);gap:20px}
#qpay-auth-designs .qp-journal-logo {font-family:Georgia,serif;font-size:54px;letter-spacing:-3px;line-height:.9;color:var(--qp-accent);text-align:center}
#qpay-auth-designs .qp-journal-logo>span {display:block;font-family:QPaySans,Arial,sans-serif;font-size:8px;letter-spacing:2.5px;text-transform:uppercase;margin-top:12px;color:var(--qp-sub)}
#qpay-auth-designs .qp-journal-issue {font-size:9px;line-height:1.7;letter-spacing:1.6px}
#qpay-auth-designs .qp-journal-main {display:grid;grid-template-columns:1.12fr 1fr;width:100%;max-width:1450px;margin:auto;padding:30px 4% 20px;flex:1}
#qpay-auth-designs .qp-journal-story {padding-right:9%;display:flex;flex-direction:column}
#qpay-auth-designs .qp-journal-overline {display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.4px;border-bottom:1px solid var(--qp-line);padding-bottom:13px}
#qpay-auth-designs .qp-journal-story h1 {font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5.3vw,77px);letter-spacing:-3px;line-height:1;margin:28px 0}
#qpay-auth-designs .qp-journal-story h1 em {color:var(--qp-accent)}
#qpay-auth-designs .qp-journal-print {height:235px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 7px,light-dark(#d4c7b2,#5b4b37) 7px 8px);border:1px solid var(--qp-line)}
#qpay-auth-designs .qp-print-sun {width:180px;height:180px;border-radius:50%;background:var(--qp-accent);position:absolute;left:30px;top:30px}
#qpay-auth-designs .qp-print-arch {position:absolute;width:150px;height:220px;left:180px;top:60px;border-radius:90px 90px 0 0;background:light-dark(#c6a77f,#96734a);transform:rotate(-18deg)}
#qpay-auth-designs .qp-journal-print>span {position:absolute;left:72px;top:49px;font-size:105px;line-height:1;color:var(--qp-bg);font-weight:250}
#qpay-auth-designs .qp-journal-story>p {font-size:12px;line-height:1.9;color:var(--qp-sub);padding:20px 0;margin-top:auto}
#qpay-auth-designs .qp-journal-access {border-left:1px solid var(--qp-line);padding-left:10%;display:flex;flex-direction:column}
#qpay-auth-designs .qp-journal .qp-login {max-width:390px;margin:auto 0;padding:28px 0}
#qpay-auth-designs .qp-journal .qp-login h2 {font-size:39px;letter-spacing:-1.8px;line-height:1.05;margin:14px 0}
#qpay-auth-designs .qp-journal .qp-mini {font-size:9px;color:var(--qp-sub);letter-spacing:1.5px}
#qpay-auth-designs .qp-journal .qp-input,#qpay-auth-designs .qp-journal .qp-action {border-radius:0}
#qpay-auth-designs .qp-journal-colophon {font-size:8px;letter-spacing:1.7px;border-top:1px solid var(--qp-line);padding-top:16px;color:var(--qp-sub)}
#qpay-auth-designs .qp-journal .qp-design-footer {border-top:1px solid var(--qp-line);margin:15px 4% 0;padding:20px 0}
@media(max-width:900px) {
 #qpay-auth-designs .qp-atelier-story h1 {font-size:50px;letter-spacing:-2px}
 #qpay-auth-designs .qp-atelier-access {padding:35px 8%}
 #qpay-auth-designs .qp-atelier .qp-login h2 {font-size:36px}
 #qpay-auth-designs .qp-cobalt-story h1 {font-size:95px;letter-spacing:-5px}
 #qpay-auth-designs .qp-cobalt-sheet {padding:20px 9%}
 #qpay-auth-designs .qp-cobalt .qp-login h2 {font-size:39px}
 #qpay-auth-designs .qp-noir-main {gap:6%;padding:35px 5%}
 #qpay-auth-designs .qp-noir-story {padding-left:25px}
 #qpay-auth-designs .qp-noir .qp-login h2 {font-size:52px}
}
@media(max-width:700px) {
 #qpay-auth-designs .qp-design-header {padding:25px 24px}
 #qpay-auth-designs .qp-edition {display:none}
 #qpay-auth-designs .qp-atelier-main,#qpay-auth-designs .qp-cobalt-main,#qpay-auth-designs .qp-noir-main,#qpay-auth-designs .qp-journal-main {grid-template-columns:1fr;gap:30px;padding:12px 24px 30px}
 #qpay-auth-designs .qp-atelier-story {padding-top:10px}
 #qpay-auth-designs .qp-atelier-story h1 {font-size:48px;margin:20px 0}
 #qpay-auth-designs .qp-atelier-art {height:190px;transform:scale(.8);transform-origin:center top;margin-bottom:-30px}
 #qpay-auth-designs .qp-story-foot {margin-top:15px}
 #qpay-auth-designs .qp-atelier-access {padding:35px 24px 25px}
 #qpay-auth-designs .qp-atelier .qp-login h2 {font-size:39px}
 #qpay-auth-designs .qp-access-foot {margin-top:25px;font-size:9px}
 #qpay-auth-designs .qp-cobalt-story {padding:0}
 #qpay-auth-designs .qp-cobalt-story h1 {font-size:76px;letter-spacing:-4px;margin:25px 0}
 #qpay-auth-designs .qp-cobalt-caption {gap:15px}
 #qpay-auth-designs .qp-cobalt-caption p {font-size:12px}
 #qpay-auth-designs .qp-cobalt-arrow {font-size:42px}
 #qpay-auth-designs .qp-cobalt-sheet {padding:20px 24px;border-radius:10px}
 #qpay-auth-designs .qp-cobalt .qp-login {padding:25px 0}
 #qpay-auth-designs .qp-cobalt .qp-login h2 {font-size:38px}
 #qpay-auth-designs .qp-noir-access {gap:22px}
 #qpay-auth-designs .qp-noir .qp-login {max-width:100%}
 #qpay-auth-designs .qp-noir .qp-login h2 {font-size:56px}
 #qpay-auth-designs .qp-noir-story {border-left:0;border-top:1px solid #393833;padding:30px 0 0}
 #qpay-auth-designs .qp-noir-sculpture {transform:scale(.8);margin:0;height:210px}
 #qpay-auth-designs .qp-noir-story h1 {font-size:36px}
 #qpay-auth-designs .qp-noir-footer {padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:8px}
 #qpay-auth-designs .qp-pearl-main {padding:18px 24px 30px}
 #qpay-auth-designs .qp-pearl-card {padding:26px 24px;border-radius:16px}
 #qpay-auth-designs .qp-pearl .qp-login h2 {font-size:35px}
 #qpay-auth-designs .qp-pearl-capabilities {font-size:9px;gap:9px}
 #qpay-auth-designs .qp-journal-masthead {margin:0 24px}
 #qpay-auth-designs .qp-journal-logo {font-size:46px}
 #qpay-auth-designs .qp-journal-issue {font-size:7px;letter-spacing:1px}
 #qpay-auth-designs .qp-journal-story {padding:0}
 #qpay-auth-designs .qp-journal-story h1 {font-size:49px;letter-spacing:-2px}
 #qpay-auth-designs .qp-journal-print {height:180px}
 #qpay-auth-designs .qp-print-sun {width:135px;height:135px;left:15px;top:20px}
 #qpay-auth-designs .qp-print-arch {left:135px;width:120px;top:45px}
 #qpay-auth-designs .qp-journal-print>span {font-size:80px;left:43px;top:33px}
 #qpay-auth-designs .qp-journal-access {border-left:0;border-top:1px solid var(--qp-line);padding:25px 0 0}
 #qpay-auth-designs .qp-journal .qp-login {max-width:100%}
 #qpay-auth-designs .qp-design-footer {padding:22px 24px;font-size:8px}
}
@media(max-width:650px) {
 #qpay-auth-designs .qp-emerald-story {padding:28px 24px}
 #qpay-auth-designs .qp-emerald-story h1 {font-size:43px;letter-spacing:-1.8px;margin-top:30px}
 #qpay-auth-designs .qp-emerald-main .qp-login h2 {font-size:33px}
 #qpay-auth-designs .qp-ivory .qp-login {padding:27px;max-width:430px}
 #qpay-auth-designs .qp-ivory .qp-login h2 {font-size:34px}
 #qpay-auth-designs .qp-graphite-main {grid-template-columns:1fr;gap:35px;padding:30px 24px}
 #qpay-auth-designs .qp-graphite .qp-login h2 {font-size:33px}
 #qpay-auth-designs .qp-studio h1 {font-size:32px}
 #qpay-auth-designs .qp-studio-visual {width:150px;height:150px}
 #qpay-auth-designs .qp-azure-main {grid-template-columns:1fr;gap:25px;padding:28px 20px}
 #qpay-auth-designs .qp-azure .qp-login {padding:26px;max-width:100%}
 #qpay-auth-designs .qp-azure .qp-login h2 {font-size:29px}
 #qpay-auth-designs .qp-warm-main {grid-template-columns:1fr;gap:30px;padding:20px 24px 35px}
 #qpay-auth-designs .qp-warm-story h1 {font-size:46px;letter-spacing:-2px}
 #qpay-auth-designs .qp-warm .qp-login {padding:26px;max-width:100%}
 #qpay-auth-designs .qp-warm .qp-login h2 {font-size:33px}
}
@media(prefers-reduced-motion:reduce) {#qpay-auth-designs .qp-action {transition:none}}

/* A compact comparison bar leaves the canvas to the chosen design. */
.preview-bar{padding:13px 28px;gap:14px;background:light-dark(#fbfcfa,#1c2520)}
.preview-bar>a{font-size:13px;letter-spacing:-.2px}
.preview-switcher{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.preview-count{font-size:10px;letter-spacing:1px;color:light-dark(#6b786f,#b7c6bb);font-variant-numeric:tabular-nums}
.preview-switcher select{font:inherit;font-size:12px;border:1px solid light-dark(#d5ddd6,#4e5e52);color:inherit;background:light-dark(#fff,#25382b);border-radius:6px;padding:9px 27px 9px 12px;max-width:205px;min-height:37px}
.preview-switcher button{font-size:11px;background:transparent;color:inherit;border:1px solid light-dark(#d5ddd6,#4e5e52);border-radius:6px;min-height:37px;padding:8px 12px}
.preview-switcher>a{font-size:11px!important;padding:9px 0!important}
.preview-label{font-size:11px;padding:9px 28px}
.preview-gallery{max-width:1420px;padding:56px 4% 65px}
.preview-gallery-header{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid light-dark(#d3dcd5,#405246);padding-bottom:30px}
.preview-gallery-kicker{font-size:10px;letter-spacing:2px;color:light-dark(#4d6b57,#a6c1ad)}
.preview-gallery h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(43px,5.2vw,77px);letter-spacing:-3px;line-height:1.02;margin:20px 0 0;max-width:620px}
.preview-gallery h1 em{color:light-dark(#326345,#b4cea9);font-weight:400}
.preview-gallery-header>p{font-size:13px;line-height:1.8;max-width:310px;color:light-dark(#68796d,#b4c5b8);margin:0}
.preview-collection-label{display:flex;justify-content:space-between;gap:15px;margin-top:30px;font-size:10px;letter-spacing:1.5px;color:light-dark(#607468,#acc4b2)}
.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;margin-top:22px}
.preview-card{padding:0;border:0;border-radius:0;background:transparent;gap:12px}
.preview-card:hover{border:0}
.preview-card:hover .preview-sample{transform:translateY(-3px);box-shadow:0 14px 30px #24382210}
.preview-sample{height:230px;border-radius:8px;transition:transform .18s,box-shadow .18s;border:1px solid #7b88751c}
.preview-sample .sample-side{font-size:35px;padding:25px 20px;letter-spacing:-1.5px}
.preview-sample .sample-form{padding:25px 20px;gap:12px}
.preview-sample .sample-form b{font-size:17px;font-weight:500;line-height:1.1;letter-spacing:-.7px;margin-bottom:10px;color:var(--sample-ink,#22372a)}
.preview-sample .sample-form>span{height:16px}
.preview-card .preview-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:light-dark(#5f7567,#a8beae);margin:1px 0}
.preview-card .preview-card-meta b{font-size:8px;font-weight:500;letter-spacing:1px;padding:4px 6px;background:light-dark(#e0eadb,#2b4533);color:light-dark(#355d3f,#c1d8b5);border-radius:3px}
.preview-card h2{font-size:20px;font-weight:500;margin-top:0}
.preview-card p{font-size:12px;line-height:1.7;max-width:360px}
.preview-card>span:last-child{font-size:11px;padding-top:4px}
.preview-card.ivory .preview-sample{padding:28px 23%}
.preview-card.ivory .sample-form{padding:20px 15px}
.preview-card.ivory .sample-form b{font-family:Georgia,serif;font-weight:400;font-size:18px}
.preview-card.graphite .preview-sample{--sample-ink:#eff5e7}
.preview-card.graphite .sample-side{margin:40px 20px 55px 0;font-size:25px}
.preview-card.graphite .sample-form>span{border-color:#63685c}
.preview-card.warm .sample-form b{font-family:Georgia,serif;font-size:19px;font-weight:400}
.preview-card.verdant .sample-side{background:transparent;color:#2d4a30;display:flex;align-items:start;position:relative}
.preview-card.verdant .sample-side:after{content:'';position:absolute;width:90px;height:90px;background:#89a774;bottom:25px;left:20px;border-radius:50px 50px 10px 50px;box-shadow:35px -22px 0 -5px #c4d5ab;transform:rotate(25deg)}
.preview-card.verdant .sample-form{background:#f9fbf3;margin:13px 13px 13px 0;border:1px solid #cbd6c4;border-radius:2px;padding:20px 14px}
.preview-card.cobalt .sample-side{font-size:35px;line-height:.92;font-weight:500;color:#f8f9ff;letter-spacing:-1.7px}
.preview-card.cobalt .sample-form{background:#fafbf6;margin:13px 13px 13px 0;border-radius:7px;padding:20px 14px}
.preview-card.noir .preview-sample{grid-template-columns:55% 45%;--sample-ink:#f4efe4}
.preview-card.noir .sample-side{order:2;align-self:center;background:repeating-linear-gradient(90deg,#69685e 0 1px,#beb7a0 1px 3px);border-radius:50%;height:100px;width:100px;display:grid;place-items:center;padding:0;color:#fff;font-weight:350;font-size:48px}
.preview-card.noir .sample-form>span{border-color:#626055;border-radius:0}
.preview-card.noir .sample-form>span:last-child{background:#e3ddc8}
.preview-card.pearl .preview-sample{display:flex;justify-content:center;padding:20px;background:radial-gradient(ellipse,#dad6f6,#f1f2f9)}
.preview-card.pearl .sample-side{display:none}
.preview-card.pearl .sample-form{padding:22px 25px;background:#fff;border:1px solid #dedfee;border-radius:12px;width:180px}
.preview-card.pearl .sample-form b{--sample-ink:#30344c}
.preview-card.pearl .sample-form>span:last-child{background:#5a51ad}
.preview-card.journal .preview-sample{border-top:12px solid #a7492d;border-radius:2px}
.preview-card.journal .sample-side{font-family:Georgia,serif;position:relative;background:repeating-linear-gradient(90deg,transparent 0 5px,#d3c3ad 5px 6px);color:#a7492d;font-size:50px;display:grid;place-items:center}
.preview-card.journal .sample-form{border-left:1px solid #cbb89f;margin:15px 0;padding:12px 15px}
.preview-card.journal .sample-form b{font-size:17px;font-family:Georgia,serif;--sample-ink:#4f3528}
.preview-card.journal .sample-form>span{border-radius:0}
.preview-gallery .preview-meta{border-top:1px solid light-dark(#d3dcd5,#405246);padding-top:23px;margin-top:40px;color:light-dark(#64776b,#b1c6b7);font-size:11px;line-height:1.7}
@media(max-width:1050px){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-gallery-header{align-items:start;flex-direction:column;gap:20px}.preview-gallery-header>p{max-width:600px}}
@media(max-width:650px){.preview-bar{padding:12px 20px}.preview-switcher{gap:10px;flex:1;justify-content:flex-end}.preview-count{display:none}.preview-switcher select{max-width:185px}.preview-switcher>a{display:none}.preview-label{padding:10px 20px}.preview-gallery{padding:35px 20px}.preview-gallery h1{font-size:47px;letter-spacing:-2px}.preview-grid{grid-template-columns:1fr;gap:30px}.preview-sample{height:235px}.preview-switcher button{font-size:10px;padding:8px 10px}.preview-collection-label{font-size:8px;letter-spacing:1.2px}.preview-sample .sample-form b{font-size:20px}}
@media(prefers-reduced-motion:reduce){.preview-sample{transition:none}}


/* Indigo Orbit */
#qpay-auth-designs .qp-orbit {--qp-bg:#171f42;--qp-paper:#fbfaf6;--qp-ink:#f1f2fb;--qp-sub:#b2bad9;--qp-line:#4c5678;--qp-accent:#d4dafa;--qp-on-accent:#171f42;color-scheme:dark;background-color:#171f42;background-image:radial-gradient(#6977a02b .7px,transparent .7px);background-size:27px 27px}
#qpay-auth-designs .qp-orbit-main {display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding:25px 7% 45px;max-width:1450px;width:100%;margin:auto;flex:1;align-items:center}
#qpay-auth-designs .qp-orbit-access {--qp-ink:#242b43;--qp-sub:#73788a;--qp-line:#d9dce5;--qp-accent:#303e73;--qp-on-accent:#fff;background:var(--qp-paper);color:var(--qp-ink);border-radius:8px;padding:28px 37px 35px;color-scheme:light;max-width:460px;box-shadow:0 25px 70px #090e252e}
#qpay-auth-designs .qp-orbit-tab {display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.5px;color:var(--qp-sub);border-bottom:1px solid var(--qp-line);padding-bottom:22px;margin-bottom:33px}
#qpay-auth-designs .qp-orbit .qp-login {max-width:100%}
#qpay-auth-designs .qp-orbit .qp-login h2 {font-size:49px;line-height:1.01;letter-spacing:-2.4px;margin:15px 0}
#qpay-auth-designs .qp-orbit .qp-mini {font-size:9px;color:var(--qp-sub);letter-spacing:1.7px}
#qpay-auth-designs .qp-orbit .qp-input,#qpay-auth-designs .qp-orbit .qp-action {border-radius:5px}
#qpay-auth-designs .qp-orbit-story {display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
#qpay-auth-designs .qp-orbit-coordinate {font-family:monospace;font-size:9px;letter-spacing:1.5px;color:#a0aed7}
#qpay-auth-designs .qp-orbit-art {width:350px;height:280px;position:relative;margin:30px 0}
#qpay-auth-designs .qp-orbit-path {position:absolute;left:0;top:55px;width:350px;height:150px;border:1px solid #7484b5;border-radius:50%;transform:rotate(-27deg)}
#qpay-auth-designs .path-two {transform:rotate(43deg);height:210px;top:30px;border-color:#4b5e92}
#qpay-auth-designs .qp-orbit-planet {position:absolute;width:180px;height:180px;left:85px;top:50px;border-radius:50%;background:repeating-linear-gradient(145deg,#bdc8ef 0 1px,#8492c9 1px 3px);box-shadow:inset -25px -18px 35px #26395c88,0 0 60px #7084cd16}
#qpay-auth-designs .qp-orbit-star {position:absolute;left:18px;top:53px;color:#eee4bc;font-size:40px}
#qpay-auth-designs .qp-orbit-moon {position:absolute;right:5px;bottom:40px;width:18px;height:18px;border-radius:50%;background:#ded6be}
#qpay-auth-designs .qp-orbit-story h1 {font-family:Georgia,serif;font-size:42px;line-height:1.13;font-weight:400;letter-spacing:-1px}
#qpay-auth-designs .qp-orbit-story h1 em {color:#bac9f3;font-weight:400}
#qpay-auth-designs .qp-orbit-story p {font-size:12px;line-height:1.9;color:#aebadb;margin-top:20px}
/* Saffron Studio */
#qpay-auth-designs .qp-saffron {--qp-bg:light-dark(#f4d96b,#3b3219);--qp-paper:light-dark(#fffcf0,#302b1d);--qp-ink:light-dark(#29271c,#f6ebcb);--qp-sub:light-dark(#6c623a,#c6bb93);--qp-line:light-dark(#b4a05b,#70613b);--qp-accent:light-dark(#29271c,#ead89b);--qp-on-accent:light-dark(#fff9e7,#302b1d)}
#qpay-auth-designs .qp-saffron .qp-design-header {border-bottom:1px solid var(--qp-line);margin:0 4%;padding:28px 0}
#qpay-auth-designs .qp-saffron-main {display:grid;grid-template-columns:1.1fr 1fr;gap:9%;max-width:1400px;width:100%;padding:45px 5%;margin:auto;flex:1;align-items:center}
#qpay-auth-designs .qp-saffron-story h1 {font-size:clamp(45px,5.5vw,80px);line-height:1.02;letter-spacing:-4px;font-weight:500;margin:25px 0}
#qpay-auth-designs .qp-saffron-story h1 em {font-family:Georgia,serif;font-weight:400}
#qpay-auth-designs .qp-saffron-story>p {font-size:14px;line-height:1.8;color:var(--qp-sub)}
#qpay-auth-designs .qp-saffron-art {height:205px;width:320px;position:relative;margin:30px 0 20px}
#qpay-auth-designs .qp-saffron-sun {width:170px;height:170px;border-radius:50%;background:var(--qp-accent);position:absolute;left:15px;top:0}
#qpay-auth-designs .qp-saffron-block {width:130px;height:130px;background:light-dark(#fbf3cc,#908150);position:absolute;left:160px;top:55px;transform:rotate(12deg);border:1px solid var(--qp-line)}
#qpay-auth-designs .qp-saffron-art>span {font-size:110px;line-height:1;position:absolute;left:49px;top:26px;color:var(--qp-bg);font-weight:300}
#qpay-auth-designs .qp-saffron-caption {font-size:9px;letter-spacing:1.6px;color:var(--qp-sub)}
#qpay-auth-designs .qp-saffron-access {background:var(--qp-paper);padding:40px 37px 25px;border:1px solid var(--qp-accent);box-shadow:9px 9px 0 var(--qp-accent);position:relative;max-width:465px}
#qpay-auth-designs .qp-saffron-corner {position:absolute;right:18px;top:-12px;width:43px;height:24px;background:light-dark(#edd07f,#9c8343);transform:rotate(12deg);opacity:.8}
#qpay-auth-designs .qp-saffron .qp-login {max-width:100%}
#qpay-auth-designs .qp-saffron .qp-login h2 {font-size:40px;line-height:1.04;letter-spacing:-1.8px;margin:17px 0}
#qpay-auth-designs .qp-saffron .qp-mini {font-size:9px;letter-spacing:1.6px;color:var(--qp-sub)}
#qpay-auth-designs .qp-saffron .qp-input,#qpay-auth-designs .qp-saffron .qp-action {border-radius:0}
#qpay-auth-designs .qp-saffron-foot {border-top:1px solid var(--qp-line);font-size:8px;line-height:1.8;letter-spacing:1px;color:var(--qp-sub);padding-top:20px;margin-top:27px}
/* Rose Maison */
#qpay-auth-designs .qp-rose {--qp-bg:light-dark(#f8f0ed,#302225);--qp-paper:light-dark(#fffbf8,#38272c);--qp-ink:light-dark(#57313d,#f7e7e7);--qp-sub:light-dark(#8a6b72,#c7a4ae);--qp-line:light-dark(#d7bdc4,#71505b);--qp-accent:light-dark(#743b50,#e8b5c6);--qp-on-accent:light-dark(#fff8f6,#3c2530)}
#qpay-auth-designs .qp-rose-main {max-width:1180px;width:100%;margin:auto;padding:0 5% 38px;flex:1;display:flex;flex-direction:column;justify-content:center}
#qpay-auth-designs .qp-rose-heading {text-align:center;margin:4px 0 25px}
#qpay-auth-designs .qp-rose-heading>span {font-size:8px;letter-spacing:2px;color:var(--qp-sub)}
#qpay-auth-designs .qp-rose-heading h1 {font-family:Georgia,serif;font-weight:400;font-size:47px;line-height:1.1;letter-spacing:-1.5px;margin-top:13px}
#qpay-auth-designs .qp-rose-heading h1 em {font-weight:400;color:var(--qp-accent)}
#qpay-auth-designs .qp-rose-frame {display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--qp-line);background:var(--qp-paper);padding:10px}
#qpay-auth-designs .qp-rose-access {display:flex;align-items:center;justify-content:center;padding:30px 35px}
#qpay-auth-designs .qp-rose .qp-login {max-width:365px}
#qpay-auth-designs .qp-rose .qp-login h2 {font-family:Georgia,serif;font-weight:400;font-size:39px;line-height:1.07;letter-spacing:-1px;margin:15px 0}
#qpay-auth-designs .qp-rose .qp-mini {font-size:8px;letter-spacing:1.6px;color:var(--qp-sub)}
#qpay-auth-designs .qp-rose .qp-action,#qpay-auth-designs .qp-rose .qp-input {border-radius:3px}
#qpay-auth-designs .qp-rose-story {background:light-dark(#efdadc,#4b303b);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px}
#qpay-auth-designs .qp-rose-seal {font-family:Georgia,serif;font-size:35px;color:var(--qp-accent)}
#qpay-auth-designs .qp-rose-seal>span {display:block;font-family:QPaySans,Arial,sans-serif;font-size:7px;letter-spacing:1.8px;margin-top:7px}
#qpay-auth-designs .qp-rose-art {position:relative;width:260px;height:245px;margin:20px 0}
#qpay-auth-designs .qp-rose-petal {position:absolute;width:110px;height:150px;border-radius:70px 70px 14px 70px;background:light-dark(#ad677e,#d39bac);left:45px;top:10px;transform:rotate(-35deg)}
#qpay-auth-designs .rose-petal-two {left:123px;top:28px;transform:rotate(35deg);background:light-dark(#cc9aa8,#ad7289)}
#qpay-auth-designs .rose-petal-three {left:83px;top:70px;height:120px;transform:rotate(10deg);background:light-dark(#793f55,#88536b)}
#qpay-auth-designs .qp-rose-stem {position:absolute;width:1px;height:82px;left:132px;top:171px;background:var(--qp-accent);transform:rotate(8deg)}
#qpay-auth-designs .qp-rose-story>p {font-family:Georgia,serif;font-size:26px;line-height:1.25;color:var(--qp-accent);margin-top:10px}
#qpay-auth-designs .qp-rose-caption {font-size:7px;letter-spacing:1.5px;margin-top:26px;color:var(--qp-sub)}
/* Slate Terminal */
#qpay-auth-designs .qp-terminal {--qp-bg:light-dark(#edf0f1,#1d2329);--qp-paper:light-dark(#fff,#282f37);--qp-ink:light-dark(#28333d,#edf2f6);--qp-sub:light-dark(#697783,#acbbc9);--qp-line:light-dark(#cbd3d9,#4a5866);--qp-accent:light-dark(#38546b,#b6cfdf);--qp-on-accent:light-dark(#fff,#24303c)}
#qpay-auth-designs .qp-terminal .qp-design-header {border-bottom:1px solid var(--qp-line);padding:26px 4%}
#qpay-auth-designs .qp-terminal-tag {font-family:monospace;font-size:9px;letter-spacing:1px;border:1px solid var(--qp-line);padding:10px 12px;color:var(--qp-sub)}
#qpay-auth-designs .qp-terminal-title {padding:32px 5% 24px;max-width:1400px;width:100%;margin:0 auto}
#qpay-auth-designs .qp-terminal-title>span,#qpay-auth-designs .qp-terminal-small {font-family:monospace;font-size:9px;letter-spacing:1px;color:var(--qp-sub)}
#qpay-auth-designs .qp-terminal-title h1 {font-size:38px;letter-spacing:-1.6px;font-weight:500;line-height:1.1;margin:14px 0 9px}
#qpay-auth-designs .qp-terminal-title>p {font-size:13px;color:var(--qp-sub);line-height:1.7}
#qpay-auth-designs .qp-terminal-main {display:grid;grid-template-columns:185px minmax(0,1fr) 240px;max-width:1400px;width:90%;margin:0 auto 35px;flex:1;background:var(--qp-paper);border:1px solid var(--qp-line)}
#qpay-auth-designs .qp-terminal-rail {padding:27px 20px;display:flex;flex-direction:column;border-right:1px solid var(--qp-line)}
#qpay-auth-designs .qp-terminal .qp-steps {margin-top:35px;gap:28px}
#qpay-auth-designs .qp-terminal .qp-step {font-size:10px;grid-template-columns:25px 1fr;gap:8px}
#qpay-auth-designs .qp-terminal .qp-step>span {border-radius:2px;width:25px;height:25px;font-family:monospace}
#qpay-auth-designs .qp-terminal-rail-foot {font-family:monospace;font-size:8px;letter-spacing:1.1px;line-height:1.9;color:var(--qp-sub);margin-top:auto;padding-top:35px}
#qpay-auth-designs .qp-terminal-access {display:flex;align-items:center;justify-content:center;padding:38px 35px}
#qpay-auth-designs .qp-terminal .qp-login {max-width:380px}
#qpay-auth-designs .qp-terminal .qp-login h2 {font-size:35px;letter-spacing:-1.4px;margin:14px 0}
#qpay-auth-designs .qp-terminal .qp-mini {font-family:monospace;font-size:9px;letter-spacing:1px;color:var(--qp-sub)}
#qpay-auth-designs .qp-terminal .qp-input,#qpay-auth-designs .qp-terminal .qp-action {border-radius:3px}
#qpay-auth-designs .qp-terminal-context {border-left:1px solid var(--qp-line);padding:27px 22px;display:flex;flex-direction:column;background:light-dark(#f7f9fa,#222b33)}
#qpay-auth-designs .qp-terminal-grid {height:150px;position:relative;margin:30px 0;background-image:linear-gradient(var(--qp-line) 1px,transparent 1px),linear-gradient(90deg,var(--qp-line) 1px,transparent 1px);background-size:23px 23px;display:grid;place-items:center}
#qpay-auth-designs .qp-terminal-grid>span {width:75px;height:75px;display:grid;place-items:center;background:var(--qp-paper);border:1px solid var(--qp-accent);font-weight:350;font-size:48px;letter-spacing:-3px;color:var(--qp-accent)}
#qpay-auth-designs .qp-terminal-context h2 {font-size:24px;letter-spacing:-.7px;font-weight:500;line-height:1.2}
#qpay-auth-designs .qp-terminal-context>p {font-size:12px;line-height:1.8;margin-top:14px;color:var(--qp-sub)}
#qpay-auth-designs .qp-terminal-context-foot {font-family:monospace;font-size:8px;letter-spacing:1px;margin-top:auto;padding-top:30px;color:var(--qp-sub)}
/* Aqua Pavilion */
#qpay-auth-designs .qp-pavilion {--qp-bg:light-dark(#dfefea,#172e2c);--qp-paper:light-dark(#f8fdf9,#213d39);--qp-ink:light-dark(#24514c,#e2f4eb);--qp-sub:light-dark(#607f77,#a7c5bb);--qp-line:light-dark(#bad3c7,#486f64);--qp-accent:light-dark(#235a50,#b3daca);--qp-on-accent:light-dark(#f5fcf6,#173a30)}
#qpay-auth-designs .qp-pavilion-main {display:grid;grid-template-columns:1.08fr 1fr;gap:7%;max-width:1450px;width:100%;padding:20px 5% 38px;margin:auto;flex:1}
#qpay-auth-designs .qp-pavilion-story {display:flex;flex-direction:column;padding-top:20px}
#qpay-auth-designs .qp-pavilion-story h1 {font-size:clamp(54px,6vw,87px);line-height:.98;font-weight:450;letter-spacing:-3.5px;margin:27px 0 23px}
#qpay-auth-designs .qp-pavilion-story h1 em {font-family:Georgia,serif;font-weight:400;color:var(--qp-accent)}
#qpay-auth-designs .qp-pavilion-story>p {font-size:14px;line-height:1.8;color:var(--qp-sub)}
#qpay-auth-designs .qp-pavilion-art {position:relative;width:360px;height:240px;margin:25px auto 10px}
#qpay-auth-designs .qp-pavilion-arch {position:absolute;width:155px;height:195px;border-radius:100px 100px 0 0;left:40px;top:15px;background:light-dark(#a4cfc0,#4e8b76);border:1px solid light-dark(#7baf9c,#659b89)}
#qpay-auth-designs .arch-front {left:145px;top:50px;width:140px;height:165px;background:light-dark(#397b67,#9fcdba);box-shadow:15px 12px 0 light-dark(#bed9cc,#335f52)}
#qpay-auth-designs .qp-pavilion-floor {position:absolute;left:15px;right:15px;bottom:15px;height:1px;background:var(--qp-line)}
#qpay-auth-designs .qp-pavilion-art>span {position:absolute;font-size:80px;font-weight:250;left:173px;top:83px;color:var(--qp-bg);line-height:1}
#qpay-auth-designs .qp-pavilion-caption {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:8px;letter-spacing:1.2px;border-top:1px solid var(--qp-line);padding-top:18px;margin-top:auto;color:var(--qp-sub)}
#qpay-auth-designs .qp-pavilion-access {background:var(--qp-paper);padding:35px 12% 30px;border-radius:150px 150px 8px 8px;border:1px solid var(--qp-line);display:flex;flex-direction:column;justify-content:center;align-items:center}
#qpay-auth-designs .qp-pavilion-form-label {font-size:8px;letter-spacing:1.6px;color:var(--qp-sub);margin:26px 0 30px}
#qpay-auth-designs .qp-pavilion .qp-login {max-width:360px}
#qpay-auth-designs .qp-pavilion .qp-login h2 {font-size:42px;line-height:1.05;letter-spacing:-2px;margin:15px 0}
#qpay-auth-designs .qp-pavilion .qp-mini {font-size:9px;letter-spacing:1.7px;color:var(--qp-sub)}
#qpay-auth-designs .qp-pavilion .qp-action,#qpay-auth-designs .qp-pavilion .qp-input {border-radius:5px}
#qpay-auth-designs .qp-pavilion-foot {display:flex;align-items:center;gap:8px;font-size:10px;margin-top:28px;color:var(--qp-sub)}
/* Matching gallery compositions. */
.preview-card.orbit .preview-sample{grid-template-columns:55% 45%;--sample-ink:#25304e}
.preview-card.orbit .sample-side{order:2;align-self:center;margin:20px 15px 20px 0;width:90px;height:90px;border-radius:50%;background:repeating-linear-gradient(145deg,#b3c0e6 0 1px,#8492c9 1px 3px);color:#e9edfb;display:grid;place-items:center;padding:0;font-size:42px}
.preview-card.orbit .sample-form{margin:14px;background:#fbfaf6;border-radius:4px;padding:15px 12px}
.preview-card.saffron .sample-side{background:transparent;color:#29271c;display:grid;place-items:center;font-size:72px;border-radius:50%}
.preview-card.saffron .sample-form{background:#fffcf0;box-shadow:4px 4px 0 #29271c;margin:19px 19px 19px 0;padding:15px}
.preview-card.rose .preview-sample{grid-template-columns:55% 45%;padding:12px;--sample-ink:#57313d}
.preview-card.rose .sample-side{order:2;display:grid;place-items:center;background:#efdadc;color:#793f55;font-family:Georgia,serif;font-size:55px}
.preview-card.rose .sample-form{background:#fffbf8;border:1px solid #d7bdc4;padding:17px 12px}
.preview-card.rose .sample-form b{font-family:Georgia,serif;font-size:18px}
.preview-card.terminal .preview-sample{grid-template-columns:28% 72%;padding:16px;--sample-ink:#28333d}
.preview-card.terminal .sample-side{background:#e7ecef;color:#38546b;font-family:monospace;font-size:19px;border:1px solid #cbd3d9}
.preview-card.terminal .sample-form{border:1px solid #cbd3d9;background:#fff;padding:20px}
.preview-card.terminal .sample-form>span{border-radius:2px}
.preview-card.pavilion .sample-side{background:transparent;color:#24514c;position:relative}
.preview-card.pavilion .sample-side:after{content:'';position:absolute;left:20px;bottom:20px;width:70px;height:100px;border-radius:50px 50px 0 0;background:#397b67;box-shadow:25px -15px 0 #a4cfc0}
.preview-card.pavilion .sample-form{background:#f8fdf9;border:1px solid #bad3c7;border-radius:55px 55px 3px 3px;margin:13px 13px 13px 0;padding:33px 15px 15px}
@media(max-width:1000px){
 #qpay-auth-designs .qp-terminal-main{grid-template-columns:165px minmax(0,1fr)}
 #qpay-auth-designs .qp-terminal-context{display:none}
 #qpay-auth-designs .qp-orbit-main{gap:6%;padding:30px 5%}
 #qpay-auth-designs .qp-orbit-art{transform:scale(.8);transform-origin:center center;margin:0;height:260px}
 #qpay-auth-designs .qp-orbit-story h1{font-size:34px}
 #qpay-auth-designs .qp-orbit-access{padding:25px}
 #qpay-auth-designs .qp-saffron-main{gap:7%;padding:35px 5%}
 #qpay-auth-designs .qp-saffron-story h1{font-size:54px;letter-spacing:-2.5px}
 #qpay-auth-designs .qp-saffron-access{padding:30px 25px 25px}
 #qpay-auth-designs .qp-rose-access{padding:25px}
 #qpay-auth-designs .qp-pavilion-access{padding:30px 10%}
 #qpay-auth-designs .qp-pavilion-story h1{font-size:65px}
}
@media(max-width:700px){
 #qpay-auth-designs .qp-orbit-main,#qpay-auth-designs .qp-saffron-main,#qpay-auth-designs .qp-pavilion-main{grid-template-columns:minmax(0,1fr);gap:32px;padding:15px 24px 32px}
 #qpay-auth-designs .qp-saffron-story,#qpay-auth-designs .qp-pavilion-story{min-width:0}
 #qpay-auth-designs .qp-orbit-access{max-width:100%;padding:26px 24px}
 #qpay-auth-designs .qp-orbit .qp-login h2{font-size:43px}
 #qpay-auth-designs .qp-orbit-story{padding-top:8px}
 #qpay-auth-designs .qp-orbit-art{transform:scale(.72);height:240px;margin:-10px 0}
 #qpay-auth-designs .qp-orbit-story h1{font-size:32px}
 #qpay-auth-designs .qp-orbit-coordinate{font-size:8px;letter-spacing:1px}
 #qpay-auth-designs .qp-saffron-story h1{font-size:clamp(42px,12vw,53px);letter-spacing:-2px}
 #qpay-auth-designs .qp-saffron-art{transform:scale(.8);transform-origin:left top;height:165px;margin-bottom:-5px}
 #qpay-auth-designs .qp-saffron-access{max-width:100%;padding:30px 24px 25px;box-shadow:6px 6px 0 var(--qp-accent)}
 #qpay-auth-designs .qp-saffron .qp-login h2{font-size:36px}
 #qpay-auth-designs .qp-rose-main{padding:0 24px 30px}
 #qpay-auth-designs .qp-rose-heading h1{font-size:36px;letter-spacing:-1px}
 #qpay-auth-designs .qp-rose-frame{grid-template-columns:1fr;padding:7px}
 #qpay-auth-designs .qp-rose-access{padding:25px 16px}
 #qpay-auth-designs .qp-rose .qp-login{max-width:100%}
 #qpay-auth-designs .qp-rose .qp-login h2{font-size:35px}
 #qpay-auth-designs .qp-rose-story{padding:25px 15px}
 #qpay-auth-designs .qp-rose-art{height:225px;margin:8px 0}
 #qpay-auth-designs .qp-terminal-tag{display:none}
 #qpay-auth-designs .qp-terminal-title{padding:25px 24px}
 #qpay-auth-designs .qp-terminal-title h1{font-size:31px;letter-spacing:-1.2px}
 #qpay-auth-designs .qp-terminal-main{grid-template-columns:1fr;width:calc(100% - 48px);margin-bottom:25px}
 #qpay-auth-designs .qp-terminal-rail{border-right:0;border-bottom:1px solid var(--qp-line);padding:20px 15px}
 #qpay-auth-designs .qp-terminal .qp-steps{display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;gap:10px}
 #qpay-auth-designs .qp-terminal .qp-step{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;flex:1;font-size:9px;gap:8px}
 #qpay-auth-designs .qp-terminal-rail-foot{display:none}
 #qpay-auth-designs .qp-terminal-access{padding:28px 20px}
 #qpay-auth-designs .qp-terminal .qp-login h2{font-size:31px}
 #qpay-auth-designs .qp-terminal .qp-mini{font-size:8px;letter-spacing:.6px}
 #qpay-auth-designs .qp-pavilion-story{padding-top:10px}
 #qpay-auth-designs .qp-pavilion-story h1{font-size:65px}
 #qpay-auth-designs .qp-pavilion-art{transform:scale(.75);transform-origin:left top;height:180px;margin-bottom:-10px}
 #qpay-auth-designs .qp-pavilion-caption{font-size:7px}
 #qpay-auth-designs .qp-pavilion-access{border-radius:115px 115px 6px 6px;padding:35px 24px 27px}
 #qpay-auth-designs .qp-pavilion .qp-login{max-width:100%}
 #qpay-auth-designs .qp-pavilion .qp-login h2{font-size:36px}
 #qpay-auth-designs .qp-pavilion-form-label{margin:25px 0}
}


#qpay-auth-designs .qp-stage{min-height:max(760px,calc(100svh - 132px))}
.qpay-auth-page #qpay-auth-designs .qp-stage{min-height:100svh}
#qpay-auth-designs .qp-emerald{min-height:inherit}
#qpay-auth-designs .qp-login{max-width:400px}
#qpay-auth-designs .qp-login h2{text-wrap:balance;font-size:clamp(30px,2.7vw,42px);line-height:1.13;letter-spacing:-1.6px;margin:14px 0}
#qpay-auth-designs .qp-login>.qp-mini{font-size:11px;letter-spacing:1.5px;line-height:1.7}
#qpay-auth-designs .qp-sub{font-size:15px;line-height:1.75;text-wrap:pretty}
#qpay-auth-designs .qp-fields{gap:22px;margin-top:30px}
#qpay-auth-designs .qp-field{font-size:14px;gap:10px;line-height:1.5}
#qpay-auth-designs .qp-input{min-height:54px;transition:border-color .18s,box-shadow .18s;background:color-mix(in srgb,var(--qp-paper) 96%,var(--qp-ink) 4%);border-color:color-mix(in srgb,var(--qp-ink) 28%,var(--qp-paper))}
#qpay-auth-designs .qp-input:hover{border-color:color-mix(in srgb,var(--qp-ink) 50%,var(--qp-paper))}
#qpay-auth-designs .qp-input input{padding:16px;font-size:15px;line-height:1.4;color:var(--qp-ink)}
#qpay-auth-designs .qp-input input::placeholder{color:var(--qp-sub);opacity:1}
#qpay-auth-designs .qp-input:focus-within{outline:2px solid var(--qp-accent);outline-offset:3px;box-shadow:0 0 0 5px color-mix(in srgb,var(--qp-accent) 8%,transparent)}
#qpay-auth-designs .qp-field-icon{width:19px;height:19px;flex-shrink:0;margin-left:16px;color:var(--qp-sub)}
#qpay-auth-designs .qp-field-icon+input{padding-left:12px}
#qpay-auth-designs .qp-eye{min-width:56px;min-height:48px;font-size:12px;font-weight:550;padding:12px;color:var(--qp-ink)}
#qpay-auth-designs .qp-action{min-height:54px;font-size:14px;font-weight:600;padding:13px 18px;letter-spacing:.1px;gap:14px}
#qpay-auth-designs .qp-action>span[aria-hidden]{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;border:1px solid currentColor;font-size:15px;opacity:.8}
#qpay-auth-designs .qp-action:focus-visible,#qpay-auth-designs .qp-eye:focus-visible,#qpay-auth-designs .qp-text-button:focus-visible{outline:2px solid var(--qp-accent);outline-offset:4px}
#qpay-auth-designs .qp-row{gap:6px 12px}
#qpay-auth-designs .qp-row label,#qpay-auth-designs .qp-text-button{font-size:13px;line-height:1.5}
#qpay-auth-designs .qp-text-button{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
#qpay-auth-designs .qp-text-button:hover{text-decoration:underline;text-underline-offset:4px}
#qpay-auth-designs .auth-private-label{font-size:12px;color:var(--qp-sub)}
#qpay-auth-designs .qp-note{font-size:12px;line-height:1.8;margin-top:26px;padding-top:21px;border-top:1px solid var(--qp-line);text-wrap:pretty}
#qpay-auth-designs .qp-feedback{font-size:13px;line-height:1.7}
#qpay-auth-designs .qp-capabilities{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:12px;line-height:1.6}
#qpay-auth-designs .qp-capabilities>span{display:inline-flex;align-items:center;gap:8px}
#qpay-auth-designs .qp-capabilities i{font-style:normal;font-size:17px}
#qpay-auth-designs .qp-header,#qpay-auth-designs .qp-design-header{padding:30px clamp(24px,4.5vw,72px)}
#qpay-auth-designs .qp-footer,#qpay-auth-designs .qp-design-footer{font-size:11px;padding:25px clamp(24px,4.5vw,72px);line-height:1.7}
#qpay-auth-designs .qp-brand,#qpay-auth-designs .qp-wordmark{font-size:25px;letter-spacing:-1px}
#qpay-auth-designs .qp-edition{font-size:10px;letter-spacing:1.3px}
/* 01 · Emerald: richer architectural depth and a connected workspace motif. */
#qpay-auth-designs .qp-emerald{grid-template-columns:47% 53%;--qp-sub:light-dark(#52665c,#c1d0c7)}
#qpay-auth-designs .qp-emerald-story{padding:48px clamp(30px,5vw,80px);background:#153f36}
#qpay-auth-designs .qp-emerald-story h1{font-size:clamp(48px,5.2vw,78px);line-height:1.04;letter-spacing:-3.2px;margin-top:65px}
#qpay-auth-designs .qp-emerald-story>p{font-size:16px;line-height:1.8;max-width:320px}
#qpay-auth-designs .qp-emerald-orbit{position:relative;width:100%;max-width:330px;height:130px;border:0;border-radius:0;left:auto;top:auto;margin:40px 0 20px;display:flex;justify-content:space-between;align-items:center}
#qpay-auth-designs .qp-emerald-orbit::before{content:'';position:absolute;left:25px;right:25px;top:50%;height:1px;background:#658976}
#qpay-auth-designs .qp-emerald-orbit::after{inset:0 40px;border-radius:70px;border-color:#658976;transform:rotate(-15deg);opacity:.5}
#qpay-auth-designs .qp-route-node{width:55px;height:55px;border:1px solid #628571;border-radius:16px;display:grid;place-items:center;background:#204d40;color:#f6db88;font-size:24px;z-index:1}
#qpay-auth-designs .qp-route-node:nth-child(2){width:74px;height:74px;background:#f6db88;color:#153f36;font-size:36px;border-color:#f6db88;transform:rotate(-8deg)}
#qpay-auth-designs .qp-emerald-story .qp-capabilities{color:#d1e0d5;font-size:11px;gap:8px 16px;margin-top:12px}
#qpay-auth-designs .qp-emerald-caption{border-top:1px solid #456d5c;padding-top:23px;margin-top:auto;color:#d1e0d5;font-size:12px}
#qpay-auth-designs .qp-emerald-main{padding:60px clamp(28px,5vw,80px)}
#qpay-auth-designs .qp-emerald-main .qp-login{max-width:420px}
#qpay-auth-designs .qp-emerald-main .qp-login h2{font-size:42px}
/* 02 · Ivory: a restrained seal, generous paper card and warm perimeter. */
#qpay-auth-designs .qp-ivory{--qp-bg:light-dark(#f3f1e9,#24241f);--qp-sub:light-dark(#59665b,#bdccbe)}
#qpay-auth-designs .qp-ivory-main{padding:34px 24px 48px}
#qpay-auth-designs .qp-ivory-access{width:100%;max-width:480px;position:relative;padding-top:25px}
#qpay-auth-designs .qp-ivory-seal{position:absolute;z-index:1;top:0;left:calc(50% - 28px);width:56px;height:56px;border-radius:50%;border:6px solid var(--qp-bg);background:var(--qp-accent);color:var(--qp-on-accent);display:grid;place-items:center;font-family:Georgia,serif;font-size:26px}
#qpay-auth-designs .qp-ivory .qp-login{max-width:100%;padding:49px 40px 32px;border-radius:20px;border-color:color-mix(in srgb,var(--qp-ink) 15%,var(--qp-paper));box-shadow:0 22px 70px #172d2110}
#qpay-auth-designs .qp-ivory .qp-login h2{font-size:38px}
#qpay-auth-designs .qp-ivory-caption{text-align:center;font-size:12px;color:var(--qp-sub);margin-top:24px}
/* 03 · Graphite: a bounded console panel and precise orbital artwork. */
#qpay-auth-designs .qp-graphite-main{max-width:1280px;gap:9%;padding:44px 5% 50px}
#qpay-auth-designs .qp-graphite .qp-login{max-width:440px;padding:34px;border:1px solid #3b4a42;border-radius:16px;background:#1b2420;box-shadow:0 25px 60px #0002}
#qpay-auth-designs .qp-graphite .qp-login h2{font-size:35px}
#qpay-auth-designs .qp-studio-visual{width:290px;height:290px;margin-bottom:32px}
#qpay-auth-designs .qp-studio-core{width:110px;height:110px;border-radius:30px;box-shadow:0 0 70px #c6e88d10;font-size:48px}
#qpay-auth-designs .qp-studio-ring{border-color:#526447}
#qpay-auth-designs .qp-studio h1{font-size:45px;max-width:390px}
#qpay-auth-designs .qp-studio>p{max-width:320px;font-size:15px}
#qpay-auth-designs .qp-studio .qp-capabilities{justify-content:center;margin-top:28px;border-top:1px solid #3b4a42;padding-top:22px;color:#c6e88d;font-size:11px}
/* 04 · Azure: a useful introduction, connected steps and a wider form. */
#qpay-auth-designs .qp-azure-main{max-width:1100px;grid-template-columns:.9fr 1.1fr;gap:80px;padding:50px 32px;align-items:center}
#qpay-auth-designs .qp-azure-guide>.qp-mini{font-size:10px;color:var(--qp-accent)}
#qpay-auth-designs .qp-azure-guide h1{font-size:48px;font-weight:500;line-height:1.12;letter-spacing:-2px;margin:22px 0}
#qpay-auth-designs .qp-azure-guide>p{max-width:300px;font-size:15px;line-height:1.8;color:var(--qp-sub)}
#qpay-auth-designs .qp-azure .qp-steps{margin-top:34px;gap:22px}
#qpay-auth-designs .qp-azure .qp-step{font-size:13px;position:relative;grid-template-columns:32px 1fr;gap:14px}
#qpay-auth-designs .qp-azure .qp-step>span{width:32px;height:32px;font-size:12px}
#qpay-auth-designs .qp-azure .qp-step:not(:last-child)::after{content:'';position:absolute;height:22px;width:1px;left:15px;top:32px;background:var(--qp-line)}
#qpay-auth-designs .qp-azure .qp-login{padding:40px;max-width:480px;border-radius:18px;box-shadow:0 24px 60px #23487f09}
#qpay-auth-designs .qp-azure .qp-login h2{font-size:34px}
/* 05 · Warm: a considered editorial grid and bespoke terracotta print. */
#qpay-auth-designs .qp-warm{--qp-bg:light-dark(#f5ecdf,#2b231c);--qp-paper:light-dark(#fffaf2,#362c23);--qp-sub:light-dark(#705b49,#d0bba6);--qp-accent:light-dark(#914524,#efb18b)}
#qpay-auth-designs .qp-warm .qp-header{border-bottom:1px solid var(--qp-line);margin:0 4.5%;padding:27px 0}
#qpay-auth-designs .qp-warm-main{max-width:1320px;gap:10%;padding:44px 5%;grid-template-columns:1.05fr 1fr}
#qpay-auth-designs .qp-warm-story h1{font-size:clamp(52px,5.6vw,82px);line-height:.99;margin:22px 0;letter-spacing:-2.8px}
#qpay-auth-designs .qp-warm-story>p{max-width:350px;font-size:15px;line-height:1.85}
#qpay-auth-designs .qp-warm-graphic{display:block;position:relative;height:178px;max-width:370px;margin-top:30px;border:1px solid var(--qp-line);overflow:hidden;background:light-dark(#ebdbc7,#463426)}
#qpay-auth-designs .qp-warm-sun{position:absolute;width:124px;height:124px;border-radius:50%;background:var(--qp-accent);top:24px;left:32px}
#qpay-auth-designs .qp-warm-arch{position:absolute;width:140px;height:210px;border-radius:90px 90px 0 0;background:light-dark(#c3a27e,#967651);left:178px;top:35px;transform:rotate(-16deg)}
#qpay-auth-designs .qp-warm-graphic>span{position:absolute;font-size:66px;left:62px;top:46px;color:var(--qp-paper);line-height:1}
#qpay-auth-designs .qp-warm-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 28px,#705b4912 28px 29px);pointer-events:none}
#qpay-auth-designs .qp-warm-art-caption{display:flex;gap:12px;justify-content:space-between;max-width:370px;font-size:9px;letter-spacing:.8px;line-height:1.6;color:var(--qp-sub);margin-top:13px}
#qpay-auth-designs .qp-warm .qp-login{max-width:450px;padding:40px;border-radius:5px;border-top:4px solid var(--qp-accent);box-shadow:8px 8px 0 color-mix(in srgb,var(--qp-line) 50%,transparent)}
#qpay-auth-designs .qp-warm .qp-login h2{font-size:40px;letter-spacing:-1.2px}
/* 06 · Verdant: a botanical print with a quieter, better-proportioned sheet. */
#qpay-auth-designs .qp-atelier-main{max-width:1360px;gap:8%;padding:22px 4.5% 44px;align-items:center}
#qpay-auth-designs .qp-atelier-story{padding-top:10px;align-self:stretch}
#qpay-auth-designs .qp-atelier-story h1{font-size:clamp(45px,4.9vw,70px);letter-spacing:-2.6px}
#qpay-auth-designs .qp-atelier-art{height:240px;margin:30px 0 24px;border:1px solid var(--qp-line);border-radius:130px 130px 8px 8px;background:color-mix(in srgb,var(--qp-paper) 40%,transparent);overflow:hidden}
#qpay-auth-designs .qp-petal{box-shadow:inset 0 0 0 1px #254f3220;top:35px}
#qpay-auth-designs .qp-art-stamp{left:24px;top:155px;transform:rotate(-5deg);padding:10px 17px}
#qpay-auth-designs .qp-atelier-access{padding:44px 9%;border-radius:12px;box-shadow:0 18px 50px #233d2808;min-height:610px}
#qpay-auth-designs .qp-atelier-access::before{left:9%;width:60px}
#qpay-auth-designs .qp-atelier .qp-login{max-width:400px}
#qpay-auth-designs .qp-atelier .qp-login h2{font-size:40px;line-height:1.12}
#qpay-auth-designs .qp-story-foot{font-size:10px;line-height:1.7;padding-top:20px}
#qpay-auth-designs .qp-access-foot{font-size:11px;line-height:1.7;margin-top:26px}
/* 07 · Cobalt: two-line expressive type, clear paper hierarchy and lime detail. */
#qpay-auth-designs .qp-cobalt-main{max-width:1390px;align-items:center;gap:8%;padding:28px 4.5% 46px;grid-template-columns:1fr 1fr}
#qpay-auth-designs .qp-cobalt-story{align-self:stretch;justify-content:center;min-width:0}
#qpay-auth-designs .qp-cobalt-story h1{font-size:clamp(60px,6.8vw,98px);letter-spacing:-5px;line-height:.98;margin:40px 0}
#qpay-auth-designs .qp-cobalt-caption{margin-top:24px}
#qpay-auth-designs .qp-cobalt-story .qp-capabilities{color:#e3eaff;padding-top:28px;margin-top:32px;border-top:1px solid #7891ff;font-size:11px}
#qpay-auth-designs .qp-cobalt-sheet{padding:25px 9%;border-radius:22px;box-shadow:12px 14px 0 #142b9c55;min-height:620px}
#qpay-auth-designs .qp-cobalt .qp-login{padding:30px 0}
#qpay-auth-designs .qp-cobalt .qp-login h2{font-size:43px}
#qpay-auth-designs .qp-cobalt .qp-action{background:#2348ed}
/* 08 · Noir: warmer materials, legible fields and no distracting moiré. */
#qpay-auth-designs .qp-noir-main{max-width:1280px;padding:45px 5%;gap:10%;grid-template-columns:1fr 1fr}
#qpay-auth-designs .qp-noir-access{gap:22px}
#qpay-auth-designs .qp-noir .qp-login{max-width:420px}
#qpay-auth-designs .qp-noir .qp-login h2{font-size:60px;line-height:1.02;letter-spacing:-2.7px}
#qpay-auth-designs .qp-noir .qp-input{border:1px solid #625f55;border-radius:3px;background:#20201e}
#qpay-auth-designs .qp-noir .qp-input input{padding-left:12px}
#qpay-auth-designs .qp-noir-disc{background:linear-gradient(135deg,#e5dfca,#a99d7f);box-shadow:15px 20px 40px #0005;border:1px solid #e3ddc855}
#qpay-auth-designs .disc-front{background:linear-gradient(145deg,#838274,#3e4039);box-shadow:10px 14px 30px #0004}
#qpay-auth-designs .qp-noir-sculpture>span{font-family:Georgia,serif;font-size:72px;letter-spacing:-4px;left:122px;top:98px}
#qpay-auth-designs .qp-noir-story{padding-left:38px}
#qpay-auth-designs .qp-noir-story>p{font-size:14px;max-width:300px}
/* 09 · Pearl: airy depth, a stronger central form and a refined monogram. */
#qpay-auth-designs .qp-pearl{--qp-sub:light-dark(#5f617a,#c3c5e0)}
#qpay-auth-designs .qp-pearl-main{padding:30px 24px 44px}
#qpay-auth-designs .qp-pearl-card{width:100%;max-width:490px;padding:36px 40px;border-radius:24px;box-shadow:0 25px 80px #4c477b0b;border-color:color-mix(in srgb,var(--qp-accent) 18%,var(--qp-paper))}
#qpay-auth-designs .qp-pearl .qp-login{max-width:100%}
#qpay-auth-designs .qp-pearl .qp-login h2{font-size:38px;line-height:1.14;letter-spacing:-1.4px}
#qpay-auth-designs .qp-pearl-emblem{width:48px;height:48px;border-radius:16px;font-size:29px;font-family:Georgia,serif;border:1px solid var(--qp-line);margin-bottom:23px}
#qpay-auth-designs .qp-pearl-orbit{width:790px;height:480px;left:calc(50% - 395px);top:125px;opacity:.55}
#qpay-auth-designs .qp-pearl-label{font-size:10px;letter-spacing:1.4px;margin-bottom:23px}
#qpay-auth-designs .qp-pearl-capabilities{font-size:12px;margin-top:25px;gap:12px}
/* 10 · Copper: print margins, an inset access sheet and a calmer art crop. */
#qpay-auth-designs .qp-journal{--qp-sub:light-dark(#725944,#d0bba3)}
#qpay-auth-designs .qp-journal-main{max-width:1370px;grid-template-columns:1fr 1fr;padding:32px 4.5% 30px;gap:5%}
#qpay-auth-designs .qp-journal-story{padding-right:4%}
#qpay-auth-designs .qp-journal-story h1{font-size:clamp(48px,5vw,72px);line-height:1.02;margin:28px 0}
#qpay-auth-designs .qp-journal-print{height:225px;background:repeating-linear-gradient(90deg,transparent 0 14px,color-mix(in srgb,var(--qp-line) 55%,transparent) 14px 15px)}
#qpay-auth-designs .qp-journal-story>p{font-size:14px;line-height:1.85;padding-top:25px;margin-top:0}
#qpay-auth-designs .qp-journal-access{border-left:1px solid var(--qp-line);padding-left:9%}
#qpay-auth-designs .qp-journal .qp-login{max-width:430px;background:color-mix(in srgb,var(--qp-paper) 90%,white 10%);padding:32px 24px;margin:24px 0;border:1px solid var(--qp-line)}
#qpay-auth-designs .qp-journal .qp-login h2{font-family:Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-1.3px;line-height:1.08}
#qpay-auth-designs .qp-journal-colophon{font-size:9px;line-height:1.7;margin-top:auto}
/* 11 · Indigo: a grounded access panel and softer orbital lighting. */
#qpay-auth-designs .qp-orbit-main{max-width:1280px;grid-template-columns:1fr 1fr;gap:10%;padding:35px 5% 50px}
#qpay-auth-designs .qp-orbit-access{max-width:470px;padding:30px 38px 35px;border-radius:20px;border:1px solid #a9b4d333;box-shadow:0 30px 70px #080c252e;--qp-sub:#5d6476}
#qpay-auth-designs .qp-orbit .qp-login h2{font-size:46px;line-height:1.08;letter-spacing:-2px}
#qpay-auth-designs .qp-orbit-tab{font-size:10px;line-height:1.6;margin-bottom:28px;padding-bottom:21px}
#qpay-auth-designs .qp-orbit-planet{background:radial-gradient(circle at 30% 25%,#dce5ff,#9daedc 48%,#4d639b);box-shadow:inset -18px -20px 30px #19264744,0 0 65px #a0b6f117}
#qpay-auth-designs .qp-orbit-story h1{font-size:39px;line-height:1.18}
#qpay-auth-designs .qp-orbit-story>p{font-size:14px;line-height:1.8}
#qpay-auth-designs .qp-orbit-story .qp-capabilities{justify-content:center;color:#c2cfee;font-size:11px;margin-top:24px;gap:9px 16px}
/* 12 · Saffron: a structured sun print and intentional stationery details. */
#qpay-auth-designs .qp-saffron-main{max-width:1320px;gap:10%;padding:40px 5% 50px}
#qpay-auth-designs .qp-saffron-story h1{font-size:clamp(46px,5.5vw,76px);line-height:1.04;letter-spacing:-3px}
#qpay-auth-designs .qp-saffron-story>p{font-size:15px;line-height:1.85}
#qpay-auth-designs .qp-saffron-art{border:1px solid var(--qp-line);border-radius:150px 150px 5px 5px;height:220px;width:300px;overflow:hidden;background:color-mix(in srgb,var(--qp-paper) 20%,transparent);margin-top:30px}
#qpay-auth-designs .qp-saffron-sun{left:28px;top:27px;width:160px;height:160px}
#qpay-auth-designs .qp-saffron-block{top:95px;left:160px;transform:rotate(-12deg)}
#qpay-auth-designs .qp-saffron-art>span{top:55px;left:62px;font-size:98px}
#qpay-auth-designs .qp-saffron-access{padding:38px;max-width:490px;box-shadow:7px 7px 0 var(--qp-accent)}
#qpay-auth-designs .qp-saffron .qp-login h2{font-size:38px;line-height:1.13;letter-spacing:-1.5px}
#qpay-auth-designs .qp-saffron-corner{width:52px;height:25px;right:25px;top:-11px}
#qpay-auth-designs .qp-saffron-foot{font-size:9px;line-height:1.8}
/* 13 · Rose: a quieter salon composition with stronger burgundy contrast. */
#qpay-auth-designs .qp-rose{--qp-sub:light-dark(#77555f,#d4b2bd)}
#qpay-auth-designs .qp-rose-main{max-width:1250px;padding:8px 4.5% 40px}
#qpay-auth-designs .qp-rose-heading{margin:0 0 28px}
#qpay-auth-designs .qp-rose-heading h1{font-size:43px}
#qpay-auth-designs .qp-rose-heading>span{font-size:10px;letter-spacing:1.5px}
#qpay-auth-designs .qp-rose-frame{grid-template-columns:1.12fr 1fr;padding:12px;box-shadow:0 18px 60px #57313d08;border-radius:10px}
#qpay-auth-designs .qp-rose-access{padding:36px}
#qpay-auth-designs .qp-rose .qp-login{max-width:390px}
#qpay-auth-designs .qp-rose .qp-login h2{font-size:41px;line-height:1.14;letter-spacing:-1.1px}
#qpay-auth-designs .qp-rose-story{border-radius:80px 80px 5px 5px;padding:34px 22px;border:1px solid var(--qp-line)}
#qpay-auth-designs .qp-rose-art{margin:25px 0 15px}
#qpay-auth-designs .qp-rose-petal{box-shadow:inset 0 0 0 1px #743b501a}
#qpay-auth-designs .qp-rose-seal>span,#qpay-auth-designs .qp-rose-caption{font-size:9px;letter-spacing:1px;line-height:1.7}
#qpay-auth-designs .qp-rose-story>p{font-size:27px;line-height:1.35}
/* 14 · Slate: clearer working hierarchy and a more useful three-column frame. */
#qpay-auth-designs .qp-terminal-title{max-width:1290px;padding:28px 5% 25px}
#qpay-auth-designs .qp-terminal-title h1{font-size:36px;line-height:1.2}
#qpay-auth-designs .qp-terminal-title>p{font-size:14px}
#qpay-auth-designs .qp-terminal-main{max-width:1160px;grid-template-columns:175px minmax(0,1fr) 220px;flex:0 1 auto;border-radius:8px;overflow:hidden;box-shadow:0 18px 50px #28333d08}
#qpay-auth-designs .qp-terminal-rail{background:color-mix(in srgb,var(--qp-bg) 50%,var(--qp-paper));padding:28px 20px}
#qpay-auth-designs .qp-terminal .qp-step{font-size:12px;line-height:1.5}
#qpay-auth-designs .qp-terminal-small,#qpay-auth-designs .qp-terminal-tag{font-size:10px;line-height:1.7}
#qpay-auth-designs .qp-terminal-access{padding:38px 30px}
#qpay-auth-designs .qp-terminal .qp-login{max-width:400px}
#qpay-auth-designs .qp-terminal .qp-login h2{font-size:33px;letter-spacing:-1.3px}
#qpay-auth-designs .qp-terminal-context{padding:28px 20px}
#qpay-auth-designs .qp-terminal-grid{height:145px;background-size:25px 25px}
#qpay-auth-designs .qp-terminal-context>p{font-size:13px;line-height:1.8}
#qpay-auth-designs .qp-terminal-context-foot{font-size:9px;line-height:1.7}
/* 15 · Aqua: more space inside the arch and architectural depth in the artwork. */
#qpay-auth-designs .qp-pavilion{--qp-sub:light-dark(#4c6c62,#b6d4c9)}
#qpay-auth-designs .qp-pavilion-main{max-width:1350px;grid-template-columns:1fr 1fr;gap:8%;padding:24px 5% 42px;align-items:center}
#qpay-auth-designs .qp-pavilion-story{align-self:stretch;padding-top:25px}
#qpay-auth-designs .qp-pavilion-story h1{font-size:clamp(56px,6vw,84px);line-height:1.02;margin:24px 0}
#qpay-auth-designs .qp-pavilion-story>p{font-size:15px;line-height:1.85}
#qpay-auth-designs .qp-pavilion-art{margin:30px 0 25px;width:min(350px,100%);height:235px;overflow:hidden}
#qpay-auth-designs .qp-pavilion-arch{box-shadow:inset 12px 0 0 #f8fdf91f;border-color:color-mix(in srgb,var(--qp-accent) 45%,transparent)}
#qpay-auth-designs .arch-front{box-shadow:12px 12px 0 light-dark(#bbd8c9,#335f52),inset 9px 0 0 #f8fdf910}
#qpay-auth-designs .qp-pavilion-access{border-radius:130px 130px 12px 12px;padding:35px 10% 33px;min-height:620px;box-shadow:0 20px 60px #235a5008}
#qpay-auth-designs .qp-pavilion .qp-login{max-width:390px}
#qpay-auth-designs .qp-pavilion .qp-login h2{font-size:41px;line-height:1.14;letter-spacing:-1.6px}
#qpay-auth-designs .qp-pavilion-form-label{font-size:10px;margin:18px 0 24px}
#qpay-auth-designs .qp-pavilion-foot{font-size:11px;margin-top:24px;line-height:1.7}
/* Tablet: retain comfortable form widths before switching to one column. */
@media(min-width:701px) and (max-width:1050px){
 #qpay-auth-designs .qp-azure-main{gap:35px;grid-template-columns:.8fr 1.2fr;padding:35px 24px}
 #qpay-auth-designs .qp-azure-guide h1{font-size:37px}
 #qpay-auth-designs .qp-azure .qp-login,#qpay-auth-designs .qp-warm .qp-login,#qpay-auth-designs .qp-graphite .qp-login{padding:28px}
 #qpay-auth-designs .qp-cobalt-main,#qpay-auth-designs .qp-atelier-main,#qpay-auth-designs .qp-warm-main,#qpay-auth-designs .qp-saffron-main,#qpay-auth-designs .qp-pavilion-main,#qpay-auth-designs .qp-orbit-main{gap:5%;padding-left:4%;padding-right:4%}
 #qpay-auth-designs .qp-cobalt-sheet{padding:23px 8%;min-height:0}
 #qpay-auth-designs .qp-cobalt-story h1{font-size:66px;letter-spacing:-3px}
 #qpay-auth-designs .qp-atelier-access,#qpay-auth-designs .qp-saffron-access,#qpay-auth-designs .qp-orbit-access{padding:32px 25px}
 #qpay-auth-designs .qp-pavilion-access{padding:35px 8%;border-radius:90px 90px 10px 10px}
 #qpay-auth-designs .qp-terminal-main{grid-template-columns:150px minmax(0,1fr)}
 #qpay-auth-designs .qp-terminal-context{display:none}
 #qpay-auth-designs .qp-journal-main{gap:3%;padding-left:4%;padding-right:4%}
 #qpay-auth-designs .qp-journal-access{padding-left:6%}
 #qpay-auth-designs .qp-journal .qp-login{padding:25px 20px}
 #qpay-auth-designs .qp-login h2{overflow-wrap:normal}
}
/* Mobile: retain each identity, but place account access before decorative stories. */
@media(max-width:700px){
 #qpay-auth-designs .qp-stage{min-height:calc(100svh - 140px)}
 #qpay-auth-designs .qp-header,#qpay-auth-designs .qp-design-header{padding:23px 24px}
 #qpay-auth-designs .qp-header>.qp-mini,#qpay-auth-designs .qp-edition{display:none}
 #qpay-auth-designs .qp-footer,#qpay-auth-designs .qp-design-footer{padding:22px 24px;font-size:10px;letter-spacing:.6px}
 #qpay-auth-designs .qp-login h2{font-size:33px!important;letter-spacing:-1.2px;line-height:1.15!important}
 #qpay-auth-designs .qp-login>.qp-mini{font-size:10px;letter-spacing:1.2px}
 #qpay-auth-designs .qp-sub{font-size:14px;line-height:1.75}
 #qpay-auth-designs .qp-fields{margin-top:25px;gap:19px}
 #qpay-auth-designs .qp-input input{font-size:16px;padding-top:15px;padding-bottom:15px}
 #qpay-auth-designs .qp-note{margin-top:22px;padding-top:18px}
 #qpay-auth-designs .qp-emerald{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:inherit}
 #qpay-auth-designs .qp-emerald-story{padding:24px;background:#153f36}
 #qpay-auth-designs .qp-emerald-story h1{font-size:30px;letter-spacing:-1px;line-height:1.1;margin:24px 0 0;max-width:100%}
 #qpay-auth-designs .qp-emerald-story h1 br{display:none}
 #qpay-auth-designs .qp-emerald-story h1 br::after{content:' '}
 #qpay-auth-designs .qp-emerald-story h1 em{display:block}
 #qpay-auth-designs .qp-emerald-story>p,#qpay-auth-designs .qp-emerald-orbit,#qpay-auth-designs .qp-emerald-story .qp-capabilities,#qpay-auth-designs .qp-emerald-caption{display:none}
 #qpay-auth-designs .qp-emerald-main{padding:34px 24px 40px;justify-content:flex-start}
 #qpay-auth-designs .qp-ivory-main{padding:28px 20px 36px;align-items:center}
 #qpay-auth-designs .qp-ivory .qp-login{padding:43px 24px 27px}
 #qpay-auth-designs .qp-ivory-caption{font-size:11px;line-height:1.7}
 #qpay-auth-designs .qp-graphite-main{grid-template-columns:1fr;padding:20px 24px 32px;gap:28px}
 #qpay-auth-designs .qp-graphite .qp-login{padding:27px 24px;max-width:440px}
 #qpay-auth-designs .qp-studio{display:none}
 #qpay-auth-designs .qp-azure-main{grid-template-columns:1fr;padding:22px 24px 34px;gap:26px}
 #qpay-auth-designs .qp-azure-guide>h1,#qpay-auth-designs .qp-azure-guide>p,#qpay-auth-designs .qp-azure-guide>.qp-mini{display:none}
 #qpay-auth-designs .qp-azure .qp-steps{flex-direction:row;gap:8px;margin-top:0;padding:0}
 #qpay-auth-designs .qp-azure .qp-step{grid-template-columns:1fr;justify-items:center;text-align:center;gap:8px;flex:1;font-size:11px}
 #qpay-auth-designs .qp-azure .qp-step:not(:last-child)::after{display:none}
 #qpay-auth-designs .qp-azure .qp-login{max-width:100%;padding:28px 24px}
 #qpay-auth-designs .qp-warm .qp-header{padding:23px 0;margin:0 24px}
 #qpay-auth-designs .qp-warm-main,#qpay-auth-designs .qp-atelier-main,#qpay-auth-designs .qp-cobalt-main,#qpay-auth-designs .qp-saffron-main,#qpay-auth-designs .qp-pavilion-main,#qpay-auth-designs .qp-orbit-main,#qpay-auth-designs .qp-noir-main,#qpay-auth-designs .qp-journal-main{grid-template-columns:minmax(0,1fr);padding:24px 24px 32px;gap:30px}
 #qpay-auth-designs .qp-warm-story,#qpay-auth-designs .qp-atelier-story,#qpay-auth-designs .qp-cobalt-story,#qpay-auth-designs .qp-saffron-story,#qpay-auth-designs .qp-pavilion-story,#qpay-auth-designs .qp-journal-story{order:2}
 #qpay-auth-designs .qp-warm .qp-login{max-width:100%;padding:30px 24px;box-shadow:5px 5px 0 color-mix(in srgb,var(--qp-line) 50%,transparent)}
 #qpay-auth-designs .qp-warm-story{padding-top:25px;border-top:1px solid var(--qp-line)}
 #qpay-auth-designs .qp-warm-story h1{font-size:43px;line-height:1.05;letter-spacing:-1.5px;margin:16px 0}
 #qpay-auth-designs .qp-warm-graphic{display:block;width:100%;height:150px;margin-top:23px}
 #qpay-auth-designs .qp-warm-sun{width:100px;height:100px;left:20px}
 #qpay-auth-designs .qp-warm-arch{left:140px;width:110px}
 #qpay-auth-designs .qp-warm-graphic>span{font-size:54px;left:44px;top:46px}
 #qpay-auth-designs .qp-warm-art-caption{font-size:8px;gap:16px}
 #qpay-auth-designs .qp-atelier-access{min-height:0;padding:34px 24px 28px}
 #qpay-auth-designs .qp-atelier-story{padding-top:22px;border-top:1px solid var(--qp-line)}
 #qpay-auth-designs .qp-atelier-story h1{font-size:43px;letter-spacing:-1.8px;margin:20px 0}
 #qpay-auth-designs .qp-atelier-art{height:220px;margin:24px 0;max-width:100%}
 #qpay-auth-designs .qp-art-stamp{left:12px;top:140px}
 #qpay-auth-designs .qp-story-foot{font-size:9px}
 #qpay-auth-designs .qp-cobalt-sheet{padding:22px 24px;min-height:0;border-radius:16px;box-shadow:6px 7px 0 #142b9c55}
 #qpay-auth-designs .qp-cobalt .qp-login{padding:24px 0}
 #qpay-auth-designs .qp-cobalt-story{padding:10px 0}
 #qpay-auth-designs .qp-cobalt-story h1{font-size:clamp(44px,12vw,76px);letter-spacing:-2.5px;line-height:1.02;margin:25px 0}
 #qpay-auth-designs .qp-cobalt-caption{margin-top:0}
 #qpay-auth-designs .qp-cobalt-story .qp-capabilities{margin-top:24px;padding-top:20px}
 #qpay-auth-designs .qp-noir .qp-login{max-width:100%}
 #qpay-auth-designs .qp-noir-access{gap:17px}
 #qpay-auth-designs .qp-noir-story{display:none}
 #qpay-auth-designs .qp-noir-footer{font-size:9px;line-height:1.7;gap:12px 20px}
 #qpay-auth-designs .qp-pearl-main{padding:20px 24px 30px}
 #qpay-auth-designs .qp-pearl-card{padding:27px 24px;border-radius:20px}
 #qpay-auth-designs .qp-pearl-emblem{margin-bottom:20px}
 #qpay-auth-designs .qp-pearl-label{font-size:9px;margin-bottom:18px}
 #qpay-auth-designs .qp-pearl-capabilities{gap:9px;font-size:10px}
 #qpay-auth-designs .qp-journal-access{padding:0;border-left:0}
 #qpay-auth-designs .qp-journal .qp-login{max-width:100%;padding:28px 24px;margin:22px 0}
 #qpay-auth-designs .qp-journal-colophon{font-size:9px}
 #qpay-auth-designs .qp-journal-story{padding:0}
 #qpay-auth-designs .qp-journal-story h1{font-size:44px;letter-spacing:-1.5px}
 #qpay-auth-designs .qp-journal-print{height:195px}
 #qpay-auth-designs .qp-journal-overline{font-size:9px}
 #qpay-auth-designs .qp-orbit-access{max-width:100%;padding:25px 24px;border-radius:15px}
 #qpay-auth-designs .qp-orbit-story{display:none}
 #qpay-auth-designs .qp-saffron-access{padding:31px 24px 25px;max-width:100%;box-shadow:5px 5px 0 var(--qp-accent)}
 #qpay-auth-designs .qp-saffron-story{padding-top:20px;border-top:1px solid var(--qp-line)}
 #qpay-auth-designs .qp-saffron-story h1{font-size:44px;letter-spacing:-1.8px}
 #qpay-auth-designs .qp-saffron-art{transform:none;width:100%;max-width:300px;height:210px;margin:26px 0 18px}
 #qpay-auth-designs .qp-rose-main{padding:4px 24px 30px}
 #qpay-auth-designs .qp-rose-heading{margin:2px 0 23px}
 #qpay-auth-designs .qp-rose-heading h1{font-size:31px;letter-spacing:-1px}
 #qpay-auth-designs .qp-rose-heading>span{font-size:9px}
 #qpay-auth-designs .qp-rose-frame{grid-template-columns:1fr;padding:7px}
 #qpay-auth-designs .qp-rose-access{padding:27px 17px}
 #qpay-auth-designs .qp-rose .qp-login{max-width:100%}
 #qpay-auth-designs .qp-rose-story{display:none}
 #qpay-auth-designs .qp-terminal-title{padding:23px 24px}
 #qpay-auth-designs .qp-terminal-title h1{font-size:28px;letter-spacing:-1px}
 #qpay-auth-designs .qp-terminal-main{grid-template-columns:1fr;width:calc(100% - 48px);margin-bottom:25px}
 #qpay-auth-designs .qp-terminal-rail{padding:17px 20px;border-right:0;border-bottom:1px solid var(--qp-line)}
 #qpay-auth-designs .qp-terminal .qp-steps{margin-top:14px;gap:7px;flex-direction:row}
 #qpay-auth-designs .qp-terminal .qp-step{grid-template-columns:1fr;font-size:10px;line-height:1.5}
 #qpay-auth-designs .qp-terminal-access{padding:29px 24px}
 #qpay-auth-designs .qp-terminal .qp-mini{font-size:10px;letter-spacing:1px}
 #qpay-auth-designs .qp-terminal-context,#qpay-auth-designs .qp-terminal-tag,#qpay-auth-designs .qp-terminal-rail-foot{display:none}
 #qpay-auth-designs .qp-pavilion-access{border-radius:90px 90px 10px 10px;min-height:0;padding:30px 24px}
 #qpay-auth-designs .qp-pavilion-form-label{font-size:9px;margin:16px 0 23px}
 #qpay-auth-designs .qp-pavilion .qp-login{max-width:100%}
 #qpay-auth-designs .qp-pavilion-story{padding-top:22px;border-top:1px solid var(--qp-line)}
 #qpay-auth-designs .qp-pavilion-story h1{font-size:55px}
 #qpay-auth-designs .qp-pavilion-art{transform:none;width:100%;max-width:350px;height:235px;margin:24px 0}
}
@media(max-width:370px){
 #qpay-auth-designs .qp-ivory .qp-login,#qpay-auth-designs .qp-graphite .qp-login,#qpay-auth-designs .qp-azure .qp-login,#qpay-auth-designs .qp-warm .qp-login,#qpay-auth-designs .qp-atelier-access,#qpay-auth-designs .qp-cobalt-sheet,#qpay-auth-designs .qp-pearl-card,#qpay-auth-designs .qp-journal .qp-login,#qpay-auth-designs .qp-orbit-access,#qpay-auth-designs .qp-saffron-access,#qpay-auth-designs .qp-terminal-access{padding-left:18px;padding-right:18px}
 #qpay-auth-designs .qp-login h2{font-size:30px!important}
 #qpay-auth-designs .qp-action{font-size:13px;padding-left:13px;padding-right:13px}
 #qpay-auth-designs .qp-rose-access{padding-left:12px;padding-right:12px}
 #qpay-auth-designs .qp-field-icon{margin-left:12px;width:17px}
 #qpay-auth-designs .qp-eye{min-width:49px;padding:10px}
}
@media(prefers-reduced-motion:reduce){#qpay-auth-designs *,#qpay-auth-designs *::before,#qpay-auth-designs *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){#qpay-auth-designs .qp-input,#qpay-auth-designs .qp-action{border:1px solid ButtonText}#qpay-auth-designs .qp-field-icon{color:CanvasText}}


.auth-skip{position:absolute;left:16px;top:-80px;z-index:20;background:#fff;color:#143b2b;padding:12px}.auth-skip:focus{top:16px}.auth-error{padding:12px 14px;background:light-dark(#fff0ed,#4b2427);color:light-dark(#912e28,#ffd8d0);font-size:13px;line-height:1.7;border:1px solid currentColor;border-radius:5px;margin-top:18px!important}.auth-help{font-size:14px;line-height:1.8;margin-top:25px}.auth-help .qp-action{margin-top:24px;text-decoration:none}.auth-private-label{font-size:11px;color:var(--qp-sub)}.qp-action:disabled{opacity:.65;cursor:default}.qp-action{text-decoration:none}.qp-input input:focus-visible{outline:none}.qp-input:focus-within{outline:2px solid var(--qp-accent);outline-offset:3px}@media(pointer:coarse){.qp-input input{font-size:16px!important}.qp-row a{padding:10px 0}}

.account-wrap{max-width:1080px;padding:28px 24px 50px;margin:auto}.account-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 0 24px;border-bottom:1px solid var(--line)}.account-header .admin-brand{font-size:28px}.account-header form{margin:0}.account-nav{display:flex;gap:7px;flex-wrap:wrap;padding:22px 0 28px}.account-nav a{text-decoration:none;padding:10px 14px;border-radius:6px;font-size:13px}.account-nav a[aria-current]{background:var(--soft);color:var(--accent);font-weight:600}.account-title{margin-bottom:24px}.account-title>p{margin-top:12px;color:var(--muted)}.account-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-security-grid .admin-form{max-width:100%}.account-detail-list{display:grid;grid-template-columns:160px 1fr;gap:15px;margin:24px 0;font-size:13px}.account-detail-list dt{color:var(--muted)}.account-detail-list dd{margin:0;overflow-wrap:anywhere}.account-help{font-size:13px;line-height:1.8;color:var(--muted);padding:15px 0}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.account-alert{padding:15px 18px;border:1px solid var(--line);border-radius:7px;margin:20px 0;background:var(--soft);font-size:13px;line-height:1.8}.account-danger{border-color:light-dark(#b55345,#dba49c)}.account-danger button{color:light-dark(#923b30,#ffc7bd)}.authenticator-qr{margin:24px 0;padding:16px;border:1px solid var(--line,var(--qp-line));border-radius:10px;text-align:center}.authenticator-qr svg{display:block;width:100%;max-width:256px;height:auto;margin:auto;background:#fff;forced-color-adjust:none}.authenticator-qr figcaption{font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-top:12px}.manual-authenticator{margin:18px 0;font-size:13px;line-height:1.8}.manual-authenticator summary{cursor:pointer;min-height:36px}.manual-authenticator code{display:block;overflow-wrap:anywhere;padding:15px;font-size:12px}.manual-authenticator .secret-key{margin-top:12px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;border:1px solid var(--line,var(--qp-line));margin:22px 0;font-size:12px}.recovery-grid code{overflow-wrap:anywhere}#qpay-auth-designs .auth-page-links{display:grid;gap:14px;margin-top:24px;font-size:13px}#qpay-auth-designs .auth-page-links a{color:var(--qp-accent);text-underline-offset:4px}#qpay-auth-designs .auth-link-button{padding:12px 0;border:0;background:none;color:var(--qp-accent);font-size:13px;text-align:left}#qpay-auth-designs .auth-note{font-size:13px;line-height:1.8;margin-top:20px;color:var(--qp-sub)}#qpay-auth-designs .auth-error{padding:14px;border:1px solid currentColor;border-radius:6px;margin:20px 0;color:light-dark(#99372b,#ffd2c8)}#qpay-auth-designs .secret-key{display:grid;gap:10px;border:1px solid var(--qp-line);padding:12px}#qpay-auth-designs .secret-key button{border:1px solid var(--qp-line);background:var(--qp-paper);color:var(--qp-ink);padding:10px;justify-self:start}#qpay-auth-designs .recovery-grid code{font-size:12px}#qpay-auth-designs .auth-token-label{font-size:12px;line-height:1.8}.account-empty{padding:28px 0;color:var(--muted)}
@media(max-width:700px){.account-security-grid{grid-template-columns:1fr}.account-wrap{padding:18px 18px 35px}.account-header .admin-brand{font-size:24px}.account-detail-list{grid-template-columns:1fr;gap:6px}.account-detail-list dd{margin-bottom:12px}.account-nav{gap:4px}.account-nav a{padding:10px;font-size:12px}.account-wrap .panel{padding:22px}.account-wrap .table-wrap table,.account-wrap .table-wrap tbody,.account-wrap .table-wrap tr,.account-wrap .table-wrap td{display:block;min-width:0;width:100%}.account-wrap .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.account-wrap .table-wrap tr{border-bottom:1px solid var(--line);padding:12px 0}.account-wrap .table-wrap td{border:0;overflow-wrap:anywhere;padding:8px 0}.account-wrap .table-wrap td:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.recovery-grid{padding:12px;font-size:11px}}