:root{color:#272635;font-synthesis:none;--primary:#7c2df5;--primary-dark:#681ee0;--primary-soft:#f2ebff;--border:#e4e3ec;--muted:#696779;--danger:#cf263b;background:#f7f7fb;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f7f7fb;min-width:320px;min-height:100%}body{min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.delivery-shell{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.public-header{border-bottom:1px solid var(--border);backdrop-filter:blur(14px);z-index:10;background:#ffffffeb;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:#242331;letter-spacing:-.04em;align-items:center;gap:9px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#943fff,#681ee0);border-radius:11px;place-items:center;width:34px;height:34px;font-size:17px;display:grid;box-shadow:0 6px 16px #7c2df538}.secure-label{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.secure-label svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px}.delivery-content{align-items:center;width:100%;max-width:520px;margin:0 auto;padding:26px 16px 34px;display:flex}.flow-card,.compact-card{border:1px solid var(--border);background:#fff;border-radius:22px;width:100%;padding:25px 20px;animation:.32s both card-in;box-shadow:0 18px 46px #231b3e0f}.flow-card h1,.compact-card h1{letter-spacing:-.045em;margin:9px 0 10px;font-size:clamp(26px,8vw,35px);line-height:1.12}.flow-card>p:not(.eyebrow):not(.help-text):not(.privacy-note),.compact-card>p{color:var(--muted);margin:0 0 25px;font-size:14px;line-height:1.65}.store-heading{border-bottom:1px solid #ecebf2;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:22px;display:flex}.store-avatar{background:var(--primary-soft) center/cover no-repeat;width:48px;height:48px;color:var(--primary);border-radius:14px;flex:none;place-items:center;font-weight:800;display:grid}.store-avatar.has-image span{display:none}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 3px;font-size:11px;font-weight:800}.store-name{margin:0;font-size:15px;font-weight:700}.step-badge{width:fit-content;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.otp-field,.proof-field{border:0;min-width:0;margin:27px 0 0;padding:0}.otp-field legend,.proof-field legend{font-size:13px;font-weight:700}.proof-field legend span{color:var(--danger);text-transform:uppercase;letter-spacing:.05em;margin-left:5px;font-size:10px}.field-hint{color:var(--muted);margin:6px 0 12px;font-size:12px;line-height:1.5}.otp-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.otp-input{text-align:center;color:#272635;text-transform:uppercase;background:#fff;border:1.5px solid #d8d6e2;border-radius:13px;outline:none;width:100%;min-width:0;height:56px;padding:0;font-size:19px;font-weight:800;transition:border-color .18s,box-shadow .18s,transform .18s}.otp-input:focus{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 0 0 4px #7c2df51a}.button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;font-weight:700;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.button:active:not(:disabled){transform:scale(.985)}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:#fff;background:var(--primary);margin-top:22px;box-shadow:0 8px 20px #7c2df533}.button--primary:hover:not(:disabled){background:var(--primary-dark)}.button--secondary{color:var(--primary);background:var(--primary-soft);margin-top:2px}.button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:none}.button.is-loading .button-spinner{display:block}.form-error{color:var(--danger);background:#fff0f2;border-radius:10px;margin-top:14px;padding:11px 13px;font-size:12px;line-height:1.5}.help-text,.privacy-note{color:var(--muted);text-align:center;margin:18px 0 0;font-size:11px;line-height:1.5}.privacy-note{justify-content:center;align-items:center;gap:6px;display:flex}.privacy-note svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px}.back-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:4px;margin:-3px 0 21px -7px;padding:7px;font-size:12px;font-weight:600;display:flex}.back-button svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px}.drop-zone{text-align:center;background:#faf9fc;border:1.5px dashed #c9c5d7;border-radius:15px;place-items:center;min-height:150px;padding:14px;transition:border-color .18s,background .18s;display:grid;overflow:hidden}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--primary);background:var(--primary-soft)}.drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.drop-zone__empty{color:var(--muted);justify-items:center;gap:6px;font-size:11px;display:grid}.drop-zone__empty strong{color:#302e3d;font-size:13px}.upload-icon{width:39px;height:39px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}.upload-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px}.proof-preview{width:100%}.proof-preview img{object-fit:cover;border-radius:11px;width:100%;height:180px;display:block}.proof-preview span{color:var(--primary);margin-top:8px;font-size:12px;font-weight:700;display:block}.status-illustration,.success-ring{border-radius:20px;place-items:center;width:64px;height:64px;margin:5px 0 20px;display:grid}.status-illustration{color:#777486;background:#f1f0f5}.status-illustration svg,.success-ring svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:30px}.flow-card--success{text-align:center}.success-ring{color:#fff;box-shadow:0 0 0 10px var(--primary-soft);background:linear-gradient(145deg,#8d3bff,#681ee0);border-radius:50%;margin:2px auto 21px;animation:.45s cubic-bezier(.2,.9,.25,1.25) both success-pop}.success-reference{width:fit-content;color:var(--muted);background:#f3f2f7;border-radius:9px;margin:0 auto;padding:8px 12px;font-size:12px;font-weight:600}.public-footer{padding:0 20px max(22px,env(safe-area-inset-bottom));color:#858291;text-align:center;font-size:11px}.centered-page{place-items:center;min-height:100vh;padding:20px;display:grid}.compact-card{max-width:430px}.compact-card .brand{margin-bottom:35px}.loading-mark{border:4px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;margin-bottom:25px;animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg,#f1f0f5 25%,#f8f7fa 45%,#f1f0f5 65%) 0 0/300% 100%;border-radius:8px;animation:1.2s infinite shimmer}.skeleton--title{width:75%;height:31px}.skeleton--text{width:92%;height:15px;margin-top:16px}@media (width>=430px){.otp-inputs--wide{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.otp-inputs--wide .otp-input{height:52px}.flow-card{padding:32px}}@media (width>=768px){.public-header{height:76px;padding-inline:34px}.secure-label{font-size:12px}.delivery-content{padding-block:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-300% 0}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}@keyframes success-pop{0%{opacity:0;transform:scale(.65)}}.brand{letter-spacing:0;gap:0;font-size:0}.brand img{object-fit:contain;width:88px;height:88px;margin-block:-22px;display:block}.compact-card .brand img{width:104px;height:104px;margin-block:-26px}.compact-card .card-header .brand img{margin-block:-26px}.delivery-shell{grid-template-rows:1fr auto}.delivery-content{align-items:stretch;min-height:0;padding:14px 12px}.flow-card{flex-direction:column;min-height:calc(100svh - 82px);padding:26px 20px;display:flex}.card-header{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:52px;margin:-10px 0 24px;display:grid}.card-header .card-brand,.card-header .brand{grid-column:2;margin:0}.card-header .language-dropdown{grid-column:3;justify-self:end}.card-header--compact{margin:-10px 0 32px}.card-brand{align-items:center;width:fit-content;height:52px;margin:-10px auto 24px;display:flex}.card-brand img{object-fit:contain;width:108px;height:108px}.flow-card .store-heading{margin-top:4px}.store-cover{background:var(--primary-soft);border-radius:15px;height:104px;margin:0 0 14px;overflow:hidden}.store-cover img,.store-avatar img{object-fit:cover;width:100%;height:100%;display:block}.store-avatar{overflow:hidden}.flow-card[data-screen=code] form,.flow-card[data-screen=pin] form{margin-top:clamp(32px,7vh,64px)}.flow-card[data-screen=code] .help-text,.flow-card[data-screen=pin] .privacy-note{margin-top:24px}.flow-card[data-screen=unavailable] .button,.flow-card--success .button{margin-top:auto}.loading-card{text-align:center;justify-content:center;align-items:center;position:relative}.loading-card .card-header{width:calc(100% - 40px);position:absolute;top:16px;left:50%;transform:translate(-50%)}.loading-card .loading-mark,.loading-card .skeleton{margin-inline:auto}.public-footer{min-height:54px;padding:8px 18px max(12px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;display:flex}.footer-secure{align-items:center;gap:5px;font-weight:600;display:inline-flex}.language-dropdown{z-index:8;position:relative}.language-trigger{border:1px solid var(--border);color:#484555;height:34px;font:inherit;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #231b3e0a}.language-trigger:hover,.language-trigger[aria-expanded=true]{background:#faf9fc;border-color:#d4d1df}.language-trigger:focus-visible,.language-menu button:focus-visible{outline-offset:2px;outline:3px solid #7c2df529}.language-trigger svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.language-trigger .language-chevron{width:12px;transition:transform .16s}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-menu{border:1px solid var(--border);background:#fff;border-radius:11px;width:190px;padding:5px;animation:.14s both language-menu-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #231b3e24}.language-menu button{color:#353241;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 9px;font-size:12px;font-weight:600;display:flex}.language-menu button:hover,.language-menu button[aria-checked=true]{background:var(--primary-soft);color:var(--primary-dark)}.language-menu button svg{fill:none;stroke:currentColor;stroke-width:2.2px;opacity:0;width:15px}.language-menu button[aria-checked=true] svg{opacity:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer-secure svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:14px}@media (width>=600px){.delivery-content{padding-block:24px}.flow-card{min-height:calc(100svh - 102px);padding:34px 38px}}@keyframes language-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}