.app-shell .payment-confirmation{background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--color-orchid) 9%,transparent),transparent 38%);place-items:center;min-height:calc(100vh - 90px);padding:48px 24px;display:grid}.app-shell .payment-confirmation-card{text-align:center;border:1px solid var(--color-border);background:var(--color-canvas);width:min(100%,570px);box-shadow:var(--shadow-soft);border-radius:28px;justify-items:center;padding:56px 48px;display:grid}.app-shell .payment-confirmation-mark{background:color-mix(in srgb,var(--color-violet) 9%,var(--color-canvas));width:64px;height:64px;color:var(--color-violet);border-radius:20px;place-items:center;margin-bottom:24px;display:grid}.app-shell .payment-confirmation-card[data-state=confirmed] .payment-confirmation-mark{animation:payment-tick-in .48s var(--motion-ease-standard)}.app-shell .payment-spinner{border:2px solid color-mix(in srgb,var(--color-violet) 22%,transparent);border-top-color:var(--color-violet);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite payment-spin}.app-shell .payment-confirmation .eyebrow{margin:0 0 12px}.app-shell .payment-confirmation h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,5vw,50px)}.app-shell .payment-confirmation h1+p{max-width:42ch;color:var(--color-ink-muted);margin:14px 0 0;font-size:16px;line-height:1.6}.app-shell .payment-confirmation-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.app-shell .payment-unlock-notice{border:1px solid color-mix(in srgb,var(--color-violet) 28%,var(--color-border));background:linear-gradient(120deg,color-mix(in srgb,var(--color-violet) 7%,var(--color-canvas)),color-mix(in srgb,var(--color-orchid) 6%,var(--color-canvas)));width:min(1120px,100% - 40px);box-shadow:var(--shadow-soft);animation:payment-notice-in .5s var(--motion-ease-standard);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;margin:24px auto 0;padding:22px 24px;display:grid}.app-shell .payment-unlock-notice>span{background:color-mix(in srgb,var(--color-orchid) 12%,var(--color-canvas));width:44px;height:44px;color:var(--color-violet);border-radius:14px;place-items:center;display:grid}.app-shell .payment-unlock-notice .eyebrow{margin:0 0 5px}.app-shell .payment-unlock-notice h2{margin:0;font-size:20px}.app-shell .payment-unlock-notice p:last-child{color:var(--color-ink-muted);margin:6px 0 0}.app-shell .payment-unlock-notice>div:last-child{align-items:center;gap:10px;display:flex}.app-shell .payment-unlocked-results .result-section{animation:payment-content-reveal .54s var(--motion-ease-standard) both}@keyframes payment-spin{to{transform:rotate(360deg)}}@keyframes payment-tick-in{0%{opacity:0;transform:scale(.75)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes payment-notice-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes payment-content-reveal{0%{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}@media (max-width:700px){.app-shell .payment-confirmation{min-height:calc(100vh - 72px);padding:28px 16px}.app-shell .payment-confirmation-card{border-radius:22px;padding:40px 22px}.app-shell .payment-confirmation-actions{flex-direction:column;width:100%}.app-shell .payment-confirmation-actions button{width:100%}.app-shell .payment-unlock-notice{grid-template-columns:auto 1fr;width:calc(100% - 24px);padding:18px}.app-shell .payment-unlock-notice>div:last-child{flex-direction:column;grid-column:1/-1;align-items:stretch}.app-shell .payment-unlock-notice>div:last-child button{width:100%}}@media (prefers-reduced-motion:reduce){.app-shell .payment-spinner{border-color:var(--color-violet);animation:none}.app-shell .payment-confirmation-card[data-state=confirmed] .payment-confirmation-mark,.app-shell .payment-unlock-notice,.app-shell .payment-unlocked-results .result-section{animation:none}}.checkout-consent-backdrop{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#211d2b99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.checkout-consent-dialog{border:1px solid color-mix(in srgb,var(--color-violet) 28%,var(--color-border));background:var(--color-canvas);width:min(100%,620px);max-height:calc(100dvh - 40px);color:var(--color-ink);border-radius:26px;padding:40px;position:relative;overflow:auto;box-shadow:0 28px 100px #211d2b55}.checkout-consent-dialog h2{letter-spacing:-.035em;margin:0;font-size:clamp(28px,4vw,38px)}.checkout-consent-dialog>p:not(.eyebrow){color:var(--color-ink-muted);line-height:1.6}.checkout-consent-close{width:38px;height:38px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:28px;position:absolute;top:18px;right:18px}.checkout-consent-close:hover{background:color-mix(in srgb,var(--color-violet) 8%,transparent)}.checkout-consent-checks{gap:12px;margin:24px 0;display:grid}.checkout-consent-checks label{border:1px solid var(--color-border);cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:15px;line-height:1.5;display:grid}.checkout-consent-checks input{width:20px;height:20px;accent-color:var(--color-violet);margin-top:2px}.checkout-consent-checks a{color:var(--color-violet);font-weight:650}.checkout-consent-actions{justify-content:flex-end;gap:10px;display:flex}.checkout-consent-dialog>small{color:var(--color-ink-muted);margin-top:18px;font-size:11px;line-height:1.45;display:block}.checkout-consent-actions button{min-height:48px}@media (max-width:600px){.checkout-consent-dialog{border-radius:20px;padding:32px 20px 24px}.checkout-consent-actions{flex-direction:column-reverse}.checkout-consent-actions button{width:100%}}
