.auth-shell{background:var(--background);min-height:100dvh;color:var(--foreground);grid-template-columns:55fr 45fr;display:grid}.auth-story{isolation:isolate;background:radial-gradient(at 5% 10%,#3b82f61a,#0000 65%),linear-gradient(145deg,#17202e,#131a24 55%,#182335);flex-direction:column;min-width:0;padding:48px clamp(48px,6.25vw,96px);display:flex;position:relative;overflow:hidden}.auth-brand-header{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.auth-brand{letter-spacing:-.035em;color:#fff;border-radius:4px;align-items:center;gap:12px;width:fit-content;min-height:44px;font-size:22px;font-weight:600;display:inline-flex}.auth-story-content{z-index:1;margin-block:auto;padding-block:48px 64px;position:relative}.auth-eyebrow{letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--link);margin-bottom:20px;font-size:12px;font-weight:500}.auth-story h2{color:#fff;max-width:520px}.auth-values{gap:24px;margin:40px 0 0;padding:0;list-style:none;display:grid}.auth-values li{align-items:flex-start;gap:16px;display:flex}.auth-value-icon{height:40px;color:var(--link);background:#3b82f621;border-radius:10px;flex:0 0 40px;place-items:center;display:grid}.auth-values h3{color:#f5f5f5}.auth-values p{max-width:380px;font-size:var(--type-body-size);line-height:var(--type-body-leading);color:#fff9;margin-top:4px}.auth-motif{z-index:0;opacity:.26;pointer-events:none;width:100%;height:65%;position:absolute;bottom:-5%;left:0}.auth-form-side{min-width:0;min-height:100dvh;padding:max(40px, env(safe-area-inset-top)) clamp(32px, 5vw, 80px) max(40px, env(safe-area-inset-bottom));display:flex}.auth-form-content{width:100%;min-width:0;max-width:400px;margin:auto}.auth-form-content h1{color:var(--foreground)}.auth-mobile-brand{margin-bottom:32px;display:none}.auth-form-content .td-field{border:1px solid var(--input);background:var(--surface-sunken);width:100%;height:48px;min-height:48px;color:var(--foreground);box-shadow:none;transition:border-color .2s var(--motion-ease), background-color .2s var(--motion-ease);border-radius:8px;outline:none;padding:12px 14px;font-size:16px;line-height:22px}.auth-form-content .td-field.pr-12{padding-right:48px}.auth-shell :is(input,button,a,summary):focus-visible{outline:2px solid var(--ring);outline-offset:3px;box-shadow:none}.auth-shell .td-field:focus{border-color:var(--ring);background:var(--muted);box-shadow:none}.auth-shell .td-field[aria-invalid=true]{border-color:var(--negative)}.auth-form-content .td-button{border-radius:8px;height:48px;min-height:48px}.auth-form{gap:0;margin-top:28px;display:grid}.auth-field-label{color:var(--foreground);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.auth-field-label a{min-height:24px;color:var(--link);align-items:center;font-size:12px;display:inline-flex}.auth-field-error{overflow-wrap:anywhere;min-height:32px;color:var(--negative);padding-block:5px 8px;font-size:12px;line-height:16px}.auth-divider{color:var(--muted-foreground);align-items:center;gap:14px;margin:24px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-strength{margin:0 0 20px}.auth-strength ul{grid-template-columns:1fr 1fr;column-gap:12px}.auth-strength li{align-items:flex-start}.auth-strength li>span:first-child{margin-top:3px}.auth-footer{font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--muted-foreground);margin-top:24px}.auth-footer a{color:var(--link);font-weight:600}.auth-plans{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;font-size:13px}.auth-plans summary{cursor:pointer;min-height:44px;color:var(--link);align-items:center;font-weight:500;display:flex}.auth-plan-details{gap:24px;padding-block:16px;display:grid}.auth-plan-details section+section{border-top:1px solid var(--border);padding-top:24px}.auth-plan-details ul{color:var(--muted-foreground);gap:8px;margin-block:16px;display:grid}html[data-native=true] .auth-shell{grid-template-columns:1fr}html[data-native=true] .auth-story{display:none}html[data-native=true] .auth-mobile-brand{display:block}@media (max-width:1023px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-mobile-brand{display:block}.auth-form-side{padding:max(32px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.auth-shell .td-field{transition:none}}.auth-signup .auth-form-side{padding-block:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-bottom))}.auth-signup .auth-form{margin-top:20px}.auth-signup .auth-field-error{min-height:28px}.auth-signup .auth-strength{margin-bottom:12px}.auth-signup .auth-divider{margin-block:16px}.auth-signup .auth-footer{margin-top:8px}.auth-signup .auth-plans{margin-top:8px;padding-top:0}.auth-form-error{border-top:1px solid var(--border);color:var(--foreground);overflow-wrap:anywhere;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 0 0;font-size:14px;line-height:1.55;display:flex}.auth-form-error>div{min-width:0}.auth-form-error-icon{color:var(--negative);flex-shrink:0;margin-top:2px}.auth-form-error:focus{outline:none}.auth-signup-recovery{flex-wrap:wrap;align-items:center;gap:0 20px;margin-top:4px;font-size:13px;display:flex}.auth-signup-recovery a{align-items:center;min-height:44px;display:inline-flex}.auth-shell .td-field:focus-visible{outline-offset:-2px}:root[data-theme=light] .auth-story img[src*=logo-white\.png]{filter:none}.auth-form-side .auth-brand{color:var(--foreground)}.auth-story{--link:#93c5fd}
