.auth-panel{--auth-panel-inset:min(1.75rem, 7vw);padding:var(--auth-panel-inset);color:var(--text);background:var(--bg-card);border:1px solid var(--border-strong);text-align:start;overflow-wrap:anywhere;border-radius:18px;grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""header""form";gap:1.4rem;font-size:1.125rem;display:grid}.auth-panel--email{grid-template-areas:"brand""header""form""benefits"}.auth-panel .auth-dialog-brand{grid-area:brand;justify-content:start;margin:0}.auth-panel .auth-dialog-brand img{width:42px;height:42px;box-shadow:none;border-radius:11px}.auth-panel .auth-dialog-header{grid-area:header;margin:0}.auth-panel .auth-dialog-header h2{color:var(--text-bright);font-family:var(--serif);letter-spacing:-.035em;text-wrap:balance;margin:0 0 .9rem;font-size:2.75rem;font-weight:500;line-height:1.08}.auth-panel .auth-dialog-header p{color:var(--text);margin:0;font-size:1.125rem;line-height:1.6}.auth-panel .auth-dialog-form{text-align:start;grid-area:form;gap:.9rem;min-width:0}.auth-panel .auth-dialog-field>span{letter-spacing:0;text-transform:none;font-size:1rem;font-weight:600}.auth-panel .auth-dialog-field input{background:var(--bg-input);border-radius:10px;min-height:52px;padding:.85rem 1rem;font-size:1.125rem}.auth-panel .auth-dialog-field input::placeholder{color:var(--text);opacity:.75}.auth-panel .auth-dialog-code-input{font-size:1.625rem!important}.auth-panel .auth-dialog-back{color:var(--text);font-size:1.125rem}.auth-panel .auth-dialog-msg{font-size:1rem}.auth-panel .auth-dialog-cta{border:1px solid var(--accent);min-height:52px;color:var(--accent-fg);background:var(--accent);box-shadow:none;border-radius:10px;font-size:1.125rem;font-weight:650}.auth-panel .auth-dialog-cta:hover:not(:disabled){background:var(--accent-deep);color:var(--accent-fg)}.auth-panel .auth-dialog-cta:disabled{cursor:wait;opacity:.7}.auth-panel .auth-dialog-legal{color:var(--text);text-align:start;margin:.7rem 0 0;font-size:.9375rem;line-height:1.65}.auth-panel .auth-dialog-legal a{text-underline-offset:.2em;font-weight:500;text-decoration-thickness:1px}.auth-panel .auth-dialog-msg.err{color:var(--text-bright)}.auth-panel .auth-dialog-benefits{min-width:0;margin:.6rem calc(-1 * var(--auth-panel-inset)) calc(-1 * var(--auth-panel-inset));background:color-mix(in srgb, var(--accent) 6%, var(--bg-card));text-align:start;border:0;border-radius:0 0 18px 18px;flex-direction:column;grid-area:benefits;justify-content:center;padding:min(1.8rem,7vw);display:flex}.auth-panel .auth-dialog-benefits-heading{color:var(--text-bright);font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;margin:0 0 1.2rem;font-size:1.5rem;font-weight:500;line-height:1.25}.auth-panel .auth-dialog-benefits-list{gap:.95rem;display:grid}.auth-panel .auth-dialog-benefits-list li{color:var(--text);align-items:baseline;gap:.8rem;font-size:1.125rem;font-weight:500;line-height:1.5;display:flex}.auth-panel .auth-dialog-benefits-list li:before{content:"";border:solid var(--accent);border-width:0 1.6px 1.6px 0;flex:0 0 7px;width:7px;height:11px;transform:rotate(45deg)translateY(-2px)}.auth-panel :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.auth-dialog{align-items:flex-start}.auth-dialog .auth-dialog-inner{background:var(--bg-card);text-align:start;border-radius:24px;max-width:940px;margin-block:auto;padding:0;box-shadow:0 20px 64px -36px #10202e40}.auth-dialog .auth-panel{border:0;border-radius:24px;gap:1.6rem;padding:3.25rem}.auth-dialog .auth-panel--code{max-width:540px;margin-inline:auto}@supports selector(:has(*)){.auth-dialog .auth-dialog-inner:has(.auth-panel--code){max-width:540px}}.auth-dialog .auth-dialog-close{z-index:1;left:auto;right:auto;width:44px;height:44px;color:var(--text-bright);inset-inline-end:.65rem}@media (width>=741px){.auth-dialog .auth-panel--email{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"brand benefits""header benefits""form benefits";column-gap:3.25rem}.auth-dialog .auth-dialog-header h2{font-size:clamp(2.75rem,4vw,3.5rem)}.auth-dialog .auth-dialog-benefits{border-radius:0;border-start-end-radius:24px;border-end-end-radius:24px;margin-block:-3.25rem;margin-inline:0 -3.25rem;padding:3.25rem 2.25rem}.auth-dialog .auth-dialog-benefits-heading{margin-bottom:1.65rem;font-size:1.75rem}.auth-dialog .auth-dialog-benefits-list{gap:1.25rem}}@media (width<=740px){.auth-dialog .auth-panel{gap:1.4rem;padding:2.8rem 1.5rem 1.5rem}.auth-dialog .auth-dialog-benefits{border-radius:0 0 24px 24px;margin:.6rem -1.5rem -1.5rem}}@media (width<=640px){.auth-dialog .auth-dialog-inner{padding:0 0 calc(var(--bottom-nav-clearance,88px) + env(safe-area-inset-bottom,0px));border:0;border-radius:0}.auth-dialog .auth-panel{padding-top:calc(2.8rem + var(--safe-area-inset-top));border-radius:0}.auth-dialog .auth-dialog-benefits{border-radius:0}}.site-mobile-menu-auth{max-width:480px;padding:.6rem 0 1.2rem}.site-mobile-menu-auth-back{border:1px solid var(--border-strong);min-width:44px;min-height:44px;color:var(--text-bright);background:var(--bg-card);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:1.125rem;display:flex}.site-mobile-menu-auth-back:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root[data-accessibility=true] .auth-panel .auth-dialog-benefits{background:var(--bg-elevated)}@media (prefers-reduced-motion:reduce){.auth-dialog .auth-dialog-inner{animation:none}}
