/* Milo's actual secure-page register: ui.ts + connect-pages.module.css.
   One foreground handoff, one quiet merchant plane; scroll depth never scales the fields. */
.zzv-scene{--zzv-ink:#0a0a0a;--zzv-muted:#666;--zzv-scroll:0;--zzv-front-depth:-16px;--zzv-back-depth:10px;position:relative;width:100%;height:100%;min-height:500px;color:var(--zzv-ink);font:400 16px/1.5 Geist,Arial,sans-serif;container-type:inline-size;isolation:isolate}
.zzv-scene *{box-sizing:border-box}.zzv-scene svg{display:block}.zzv-scene :is(h3,p,dl,dd){margin:0}.zzv-scene button{font:500 16px/1.3 Geist,Arial,sans-serif;border:0;cursor:pointer}.zzv-scene button:focus-visible{outline:2px solid #777;outline-offset:4px}
.zzv-merchant-plane{position:absolute;inset:9% 8% 10%;padding:20px 24px;border-radius:20px;background:rgba(255,255,255,.48);box-shadow:inset 0 0 0 1px #fffc,0 16px 32px -28px #0003;translate:0 calc(var(--zzv-scroll)*var(--zzv-back-depth));transform:rotate(-3deg);overflow:hidden;pointer-events:none}
.zzv-merchant-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;white-space:nowrap}.zzv-dd-mark{color:#eb1700}.zzv-dd-mark svg{width:28px;height:18px}.zzv-merchant-place{margin-left:auto;font-size:14px;font-weight:400;color:#777}.zzv-merchant-order{display:flex;justify-content:space-between;margin-top:30px;font-size:16px;color:#777}.zzv-merchant-lines{display:grid;gap:12px;margin-top:20px}.zzv-merchant-lines i{width:42%;height:7px;border-radius:4px;background:#00000008}.zzv-merchant-lines i:last-child{width:28%}
.zzv-surface{position:absolute;left:50%;top:50%;width:min(400px,calc(100% - 80px));padding:24px 28px 22px;border-radius:20px;background:#fff;box-shadow:0 20px 44px -22px #0003,0 3px 12px -6px #0002;transform:translate(-50%,-50%);translate:0 calc(var(--zzv-scroll)*var(--zzv-front-depth));isolation:isolate}
.zzv-handshake{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:14px;height:48px}.zzv-milo{display:grid;place-items:center;width:48px;height:48px;color:#0a0a0a}.zzv-milo .hx-milo-mark{width:44px;height:44px;fill:currentColor}.zzv-link{width:18px;height:18px;color:#b8b8b8}.zzv-link svg{width:18px;height:18px}.zzv-merchant-tile{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;color:#eb1700}.zzv-merchant-tile svg{width:44px;height:28px}
.zzv-panels{display:grid}.zzv-panel{grid-area:1/1;min-width:0;text-align:center}.zzv-signin,.zzv-saved{display:none}.zzv-panel h3{font:500 28px/1.35 Newsreader,Georgia,serif;letter-spacing:-.01em;color:#0a0a0a}.zzv-site{font-size:14px;line-height:20px;color:#666;margin-top:5px!important}.zzv-fields{display:grid;gap:12px;margin-top:20px;text-align:left}.zzv-field-group{display:grid;gap:5px}.zzv-label{font-size:14px;line-height:20px;color:#616161}.zzv-field{display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;padding:0 12px;border-radius:10px;background:#f3f4f5;font-size:16px;line-height:24px;transition:background .24s}.zzv-field>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zzv-secret{letter-spacing:2px}.zzv-show{flex:none;font-size:14px;color:#666}.zzv-scene[data-zzv-focus=email] [data-zzv-field=email],.zzv-scene[data-zzv-focus=password] [data-zzv-field=password]{background:#e9eaeb}
.zzv-scene .zzv-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:11px 18px;border-radius:999px;background:#0a0a0a;color:#fff}.zzv-scene .zzv-primary:hover:not(:disabled){background:#242424}.zzv-continue{margin-top:18px}.zzv-reassure{margin-top:12px!important;font-size:14px;line-height:20px;color:#666}.zzv-ring{display:none;flex:none;width:16px;height:16px}.zzv-ring svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;transform:rotate(var(--zzv-spin,0deg));transform-origin:center}.zzv-ring-track{opacity:.12}.zzv-ring-arc{stroke-dasharray:39.27;stroke-dashoffset:var(--zzv-arc,14.92)}.zzv-scene[data-zzv-saving=true] .zzv-ring{display:block}
.zzv-saved{align-content:center;justify-items:center;min-height:330px}.zzv-state-tile{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:#f3f4f5;color:#0a0a0a;margin-bottom:18px}.zzv-state-tile svg{width:26px;height:26px}.zzv-saved>p{font-size:16px;line-height:24px;color:#666;max-width:285px;margin-top:10px}.zzv-back{display:flex;gap:20px;align-items:center;min-height:40px;margin-top:24px;padding:8px 16px;font-size:14px;line-height:20px;border-radius:999px;background:#f3f4f5}
.zzv-payment{text-align:left}.zzv-saved-note{display:flex;gap:6px;align-items:center;font-size:14px;line-height:20px;color:#666;margin-bottom:14px}.zzv-saved-note svg{width:16px;height:16px}.zzv-payment h3{font:600 22px/1.3 Geist,Arial,sans-serif;letter-spacing:-.025em}.zzv-order-description{font-size:16px;line-height:24px;color:#666;margin-top:8px!important}.zzv-card-choice{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px 12px;border-radius:12px;background:#f3f4f5}.zzv-card-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:9px;background:#fff}.zzv-card-icon img{display:block;width:28px;height:auto}.zzv-card-choice>div{min-width:0;flex:1}.zzv-card-choice strong{display:block;font-size:16px;line-height:22px;font-weight:500}.zzv-card-choice div>span{display:block;font-size:14px;line-height:20px;color:#666;margin-top:2px}.zzv-choice-dot{flex:none;width:16px;height:16px;background:#0a0a0a;border:5px solid #0a0a0a;border-radius:50%;box-shadow:inset 0 0 0 3px #fff}.zzv-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:22px!important;padding-bottom:20px;border-bottom:1px solid #efefef}.zzv-total dt{font-size:14px;color:#666}.zzv-total dd{font-size:20px;line-height:26px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.zzv-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:20px}.zzv-scene .zzv-later{min-height:44px;padding:10px 14px;border-radius:999px;color:#0a0a0a;background:#f3f4f5;font-size:14px;white-space:nowrap}.zzv-payment>.zzv-reassure{text-align:center}.zzv-decision .zzv-approve{background:#f3f4f5;color:#0a0a0a}
.zzv-enhanced .zzv-panel{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(var(--zzv-panel-y,0px))}.zzv-enhanced .zzv-saved{display:grid}.zzv-enhanced[data-zzv-step=login] .zzv-signin,.zzv-enhanced[data-zzv-step=saved] .zzv-saved,.zzv-enhanced[data-zzv-step=review] .zzv-payment{visibility:visible;opacity:var(--zzv-panel-opacity,1);pointer-events:auto}
.zzv-scene .zzv-motion{position:absolute;right:16px;bottom:10px;width:auto;min-height:32px;padding:7px 10px;border-radius:999px;font-size:14px;line-height:18px;color:#666;background:rgba(255,255,255,.8);opacity:0;pointer-events:none;transition:opacity .2s;z-index:3}.zzv-motion:focus-visible{opacity:1;pointer-events:auto}.zzv-live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@container(max-width:480px){.zzv-surface{width:calc(100% - 40px);padding:20px 20px 18px}.zzv-handshake{height:40px;margin-bottom:10px;gap:18px}.zzv-milo,.zzv-merchant-tile{width:40px;height:40px}.zzv-milo .hx-milo-mark{width:40px;height:40px}.zzv-merchant-tile svg{width:40px;height:24px}.zzv-fields{margin-top:16px;gap:10px}.zzv-continue{margin-top:16px}.zzv-surface h3{font-size:26px}.zzv-payment h3{font-size:22px}.zzv-merchant-plane{inset:7% 5% 8%;padding:18px}.zzv-merchant-place{display:none}.zzv-card-choice{margin-top:18px;padding:12px 10px;gap:10px}.zzv-total{margin-top:18px!important;padding-bottom:16px}.zzv-actions{margin-top:16px}.zzv-scene .zzv-motion{bottom:6px;right:10px}.zzv-saved{min-height:330px}}
@container(max-width:330px){.zzv-surface{width:calc(100% - 24px);padding:18px 16px}.zzv-surface h3{font-size:25px}.zzv-payment h3{font-size:22px}.zzv-actions{gap:6px}.zzv-scene .zzv-primary{padding-inline:12px}.zzv-scene .zzv-later{padding-inline:11px}.zzv-card-choice{gap:8px}.zzv-card-icon{width:30px;height:34px}.zzv-choice-dot{width:14px;height:14px;border-width:4px}}
@media(prefers-reduced-motion:reduce){.zzv-merchant-plane,.zzv-surface{translate:none!important}.zzv-scene *{transition:none!important;animation:none!important}.zzv-signin,.zzv-saved{display:none!important}.zzv-payment{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important}.zzv-motion{display:none!important}}
