.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}:is(.auth-panel--screen,.auth-dialog .auth-panel){--auth-panel-inset:.95rem;gap:.8rem;font-size:1rem}.auth-panel--screen{border-radius:14px}.auth-dialog .auth-panel{padding:calc(2.8rem + var(--safe-area-inset-top)) var(--auth-panel-inset) var(--auth-panel-inset)}.auth-panel--screen{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand header""form form";align-items:center;column-gap:.75rem}.auth-panel--screen.auth-panel--email{grid-template-areas:"brand header""form form""benefits benefits"}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-brand img{border-radius:10px;width:38px;height:38px}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-header h2{margin:0 0 .15rem;font-size:1.625rem;line-height:1.1}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-header p{font-size:.95rem;line-height:1.4}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-form{gap:.6rem}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-field{gap:.3rem}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-field>span{font-size:.9rem}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-field input{min-height:46px;padding:.6rem .85rem;font-size:1rem}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-code-input{font-size:1.4rem!important}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-cta{min-height:46px;margin-top:0;font-size:1rem}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-back{font-size:1rem}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-legal{margin:.2rem 0 0;font-size:.85rem;line-height:1.45}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-benefits{margin:.1rem calc(-1 * var(--auth-panel-inset)) calc(-1 * var(--auth-panel-inset));padding:.8rem var(--auth-panel-inset) .95rem;border-radius:0 0 14px 14px}.auth-dialog .auth-panel .auth-dialog-benefits{border-radius:0}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-benefits-heading{margin:0 0 .45rem;font-size:1.0625rem;line-height:1.3}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-benefits-list{gap:.2rem}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-benefits-list li{gap:.6rem;font-size:.95rem;line-height:1.25}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-benefits-list li:before{flex-basis:6px;width:6px;height:10px}.site-mobile-menu .site-mobile-menu-auth{padding:.2rem 0 0}.site-mobile-menu .site-mobile-menu-auth-back{min-height:40px;margin-bottom:.6rem;padding:.4rem .7rem;font-size:1rem}}@supports (height:100dvh){@media (width<=640px){.auth-panel--screen{--auth-avail:calc(100dvh - var(--safe-area-inset-top) - 1.3rem - 40px - .6rem - var(--bottom-nav-clearance,88px) - env(safe-area-inset-bottom,0px) - 1rem);min-height:var(--auth-avail);grid-template-rows:auto auto minmax(0,1fr);align-items:stretch}.auth-panel--screen .auth-dialog-brand{align-self:center}.auth-dialog .auth-panel{--auth-avail:calc(100dvh - 2.8rem - var(--safe-area-inset-top) - var(--bottom-nav-clearance,88px) - env(safe-area-inset-bottom,0px) - 2rem);min-height:calc(100dvh - var(--bottom-nav-clearance,88px) - env(safe-area-inset-bottom,0px));grid-template-rows:auto auto auto minmax(0,1fr)}:is(.auth-panel--screen,.auth-dialog .auth-panel){--auth-panel-inset:clamp(.95rem, calc(var(--auth-avail) * .0309), 1.25rem);row-gap:clamp(.8rem, calc(var(--auth-avail) * .026), 1.4rem);column-gap:clamp(.75rem, calc(var(--auth-avail) * .0244), 1rem)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-brand img{width:clamp(38px, calc(var(--auth-avail) * .0772), 52px);height:clamp(38px, calc(var(--auth-avail) * .0772), 52px)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-header h2{margin-bottom:clamp(.15rem, calc(var(--auth-avail) * .006), .6rem);font-size:clamp(1.625rem, calc(var(--auth-avail) * .0528), 2.5rem)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-header p{font-size:clamp(.95rem, calc(var(--auth-avail) * .0309), 1rem)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-form{gap:clamp(.6rem, calc(var(--auth-avail) * .0195), .9rem)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-field{gap:clamp(.3rem, calc(var(--auth-avail) * .0098), .4rem)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-field>span{font-size:clamp(.9rem, calc(var(--auth-avail) * .0293), 1rem)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-field input,:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-cta{min-height:clamp(46px, calc(var(--auth-avail) * .0935), 54px);font-size:clamp(1rem, calc(var(--auth-avail) * .0325), 1.125rem)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-legal{margin-top:clamp(.2rem, calc(var(--auth-avail) * .0065), .7rem);font-size:clamp(.85rem, calc(var(--auth-avail) * .0276), .9rem)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-benefits{padding-top:clamp(.8rem, calc(var(--auth-avail) * .026), 1.5rem);padding-bottom:clamp(.95rem, calc(var(--auth-avail) * .0309), 1.6rem);justify-content:flex-start}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-benefits-heading{margin-bottom:clamp(.45rem, calc(var(--auth-avail) * .0146), 1rem);font-size:clamp(1.0625rem, calc(var(--auth-avail) * .0346), 1.375rem)}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-benefits-list{align-content:space-evenly;gap:clamp(.2rem, calc(var(--auth-avail) * .0065), .8rem);flex:auto}:is(.auth-panel--screen,.auth-dialog .auth-panel) .auth-dialog-benefits-list li{font-size:clamp(.95rem, calc(var(--auth-avail) * .0309), 1.05rem)}}}.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}}
