.auth-flow-shell{isolation:isolate;background:var(--shell);min-height:100dvh;color:var(--paper);flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 1.25rem 6.125rem;display:flex;position:relative;overflow:hidden}.auth-flow-shell:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(ellipse 30% 40% at center, color-mix(in srgb, var(--accent) 16%, transparent) 0%, color-mix(in srgb, var(--accent) 6%, transparent) 60%, transparent 100%), repeating-radial-gradient(circle, transparent 0 calc(12.5% - 1px), #f4efe60f calc(12.5% - 1px) 12.5%);pointer-events:none;width:min(1100px,220vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 70%);mask-image:radial-gradient(circle,#000 35%,#0000 70%)}.auth-flow-shell__brand .logo{color:var(--paper)}.auth-flow-shell__brand .brand-logo__wordmark{color:var(--text);background:0 0}.auth-flow-shell__card{-webkit-backdrop-filter:blur(24px);background:#0006;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;flex:0 auto;justify-content:center;width:100%;max-width:460px;margin-block:auto;padding:1.75rem;display:flex;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff05,inset 0 24px 48px -32px #ffffff0f,0 24px 64px #00000073}.auth-flow-shell__card .drawer-form__header{text-align:center}.auth-flow-shell__card .drawer-form__header h2{text-wrap:balance;margin-bottom:.6rem;font-size:clamp(1.6rem,6vw,2rem);font-weight:500;line-height:1.12}.auth-flow-shell__card .drawer-form__header .drawer-form__step{margin-bottom:.6rem!important}.auth-flow-shell__card .drawer-form__header p:last-child{text-wrap:balance;margin-bottom:.75rem}.auth-flow-shell__card .drawer-form__scroll{gap:1.5rem}.auth-flow-shell__card .field-group,.auth-flow-shell__card .birth-location{gap:.6rem}.auth-flow-shell__card .drawer-form__header h2:last-child{margin-bottom:0}.auth-flow-shell__card .otp-input{gap:var(--space-2)}.auth-flow-shell__card .otp-input__cell{width:auto;min-width:0;height:3.5rem;font-family:var(--font-ui);font-variant-numeric:tabular-nums;flex:1 1 0;font-size:1.4rem}.auth-flow-shell__card .field-input:focus,.auth-flow-shell__card .otp-input__cell:focus{border-color:color-mix(in oklch, var(--brand-magic) 55%, var(--accent));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.auth-flow-shell__card .drawer-primary{background:linear-gradient(color-mix(in srgb, var(--brand-magic) 50%, var(--brand-magic-deep)), color-mix(in srgb, var(--brand-magic) 35%, var(--brand-magic-deep)));width:100%;color:var(--text);border:1px solid #0000;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:inset 0 1px #ffffff38,inset 0 -1px 2px #00000040,0 1px 2px #0000004d}.auth-flow-shell__card .drawer-primary:not(:disabled):hover,.auth-flow-shell__card .drawer-primary:focus-visible{box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 2px #00000040, 0 8px 30px -8px var(--brand-magic-glow);filter:brightness(1.04)}.auth-flow-shell__card .drawer-primary:not(:disabled):hover{transform:translateY(-2px)}.auth-flow-shell__card .drawer-primary:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.auth-flow-shell__card .drawer-primary:disabled{opacity:1;box-shadow:none;color:#f4efe666;filter:none;background:#ffffff0a;border-color:#ffffff1a}@media (prefers-reduced-motion:reduce){.auth-flow-shell__card .drawer-primary{transition:none}.auth-flow-shell__card .drawer-primary:not(:disabled):hover{transform:none}}.auth-flow-shell__heading{font-family:var(--font-display);letter-spacing:-.02em;text-align:center;outline:none;margin:0 0 1.5rem;font-size:1.6rem;font-weight:550}.auth-flow-shell__card .drawer-form__step{text-align:center}.auth-flow-shell__back{font:inherit;color:var(--paper-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;margin:0 0 1rem;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.auth-flow-shell__back:hover{color:var(--paper)}@media (max-height:960px){.auth-flow-shell{padding-top:1rem;padding-bottom:5.625rem}.auth-flow-shell__card{padding-block:1.5rem}.auth-flow-shell__heading{margin-bottom:1rem}.auth-flow-shell__card .drawer-form__scroll{gap:1.25rem}}@media (min-width:640px){.auth-flow-shell__card--wide{max-width:600px;padding-inline:2.25rem}.auth-flow-shell__card--wide .birth-data-form__fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:1rem;display:grid}.auth-flow-shell__card--wide .birth-data-form__fields>.birth-location{grid-column:1/-1}.auth-flow-shell__card--wide .birth-data-form__time-unknown{display:contents}.auth-flow-shell__card--wide .birth-data-form__time-unknown .field-checkbox{grid-column:2;margin-top:-.6rem}.auth-flow-shell__card--wide .birth-data-form__time-unknown .field-hint{grid-column:1/-1;margin-top:-.6rem}}
