.sm-auth{--background:oklch(100% 0 0);--foreground:oklch(21% .015 155);--card:var(--background);--card-foreground:var(--foreground);--muted:oklch(97% .008 150);--muted-foreground:oklch(44% .02 155);--primary:oklch(50.63% .1444 147.79);--primary-foreground:oklch(100% 0 0);--border:oklch(90% .015 150);--input:var(--border);--ring:var(--primary);--accent:var(--muted);--accent-foreground:var(--foreground);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--background);color:var(--foreground);letter-spacing:0;min-height:100dvh;font-family:Figtree,Manrope,sans-serif}.sm-auth *{box-sizing:border-box;letter-spacing:0}.sm-auth .au{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1600px;margin:auto;display:grid}.sm-auth .au-visual{background:var(--muted);border-inline-end:1px solid var(--border);flex-direction:column;min-width:0;padding:40px 48px;display:flex}.sm-auth .au-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.sm-auth .au-logo{object-fit:contain;background:var(--background);width:180px;max-width:48%;height:auto}.sm-auth .au-hero{max-width:520px;margin-top:64px}.sm-auth h1,.sm-auth h2{text-wrap:balance;font-family:Sora,sans-serif;font-weight:600;line-height:1.2}.sm-auth h1{font-size:36px}.sm-auth .au-hero p{max-width:440px;color:var(--muted-foreground);margin-top:20px;font-size:16px;line-height:1.65}.sm-auth .au-ballwrap{align-self:center;width:100%;max-width:500px;margin-block:12px 24px}.sm-auth .au-ball{aspect-ratio:1.1;isolation:isolate;position:relative}.sm-auth .au-ball img,.sm-auth .au-ball canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.sm-auth .au-ball [hidden]{display:none}.sm-auth .au-role-badge{border:1px solid var(--border);background:var(--card);text-align:center;max-width:95%;color:var(--foreground);border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sm-auth .au-role-badge i{background:var(--primary);border-radius:50%;flex:none;width:6px;height:6px}.sm-auth .au-trust{border-top:1px solid var(--border);gap:24px;margin-top:auto;padding-top:28px;display:grid}.sm-auth .au-panel{min-width:0;padding:52px 48px}.sm-auth .au-form-wrap{max-width:520px;margin:auto}.sm-auth .au-intro{margin-bottom:28px}.sm-auth .au-intro h2{margin-bottom:10px;font-size:26px}.sm-auth .au-intro p{color:var(--muted-foreground);font-size:14px;line-height:1.6}.sm-auth .au-tabs{background:var(--muted);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 1fr;width:100%;height:48px;padding:4px;display:grid}.sm-auth .au-tab{border-radius:4px;height:38px;font-weight:600}.sm-auth .au-tab[data-state=active]{background:var(--card);color:var(--primary);box-shadow:none}.sm-auth .au-roles-head{color:var(--muted-foreground);margin:24px 0 12px;font-size:12px;font-weight:600}.sm-auth .au-roles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sm-auth .au-role{background:var(--card);border:1px solid var(--border);text-align:start;white-space:normal;width:100%;height:auto;min-height:52px;box-shadow:none;border-radius:6px;justify-content:flex-start;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.sm-auth .au-role:hover{background:var(--muted)}.sm-auth .au-role.is-selected{border-color:var(--primary);background:var(--muted);order:-1;grid-column:1/-1;align-items:flex-start;padding:18px}.sm-auth .au-role-icon{color:var(--primary);flex:none;place-items:center;width:28px;height:28px;display:grid}.sm-auth .au-role-copy{flex:1;gap:8px;min-width:0;display:grid}.sm-auth .au-role-copy b{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.sm-auth .au-role-more{gap:8px;font-size:13px;font-weight:400;line-height:1.5;display:grid}.sm-auth .au-promise{color:var(--primary);font-weight:600}.sm-auth .au-desc,.sm-auth .au-note{color:var(--muted-foreground)}.sm-auth .au-note{font-size:11px;line-height:1.6}.sm-auth .au-features{flex-wrap:wrap;gap:6px 14px;margin-top:4px;display:flex}.sm-auth .au-features>span{align-items:center;gap:6px;font-size:11px;display:flex}.sm-auth .au-features svg,.sm-auth .au-tick{color:var(--primary);flex:none}.sm-auth .au-methods{gap:16px;margin-top:24px;display:grid}.sm-auth .au-google,.sm-auth .au-submit{white-space:normal;border-radius:6px;width:100%;height:auto;min-height:48px;padding:12px 16px;font-size:14px;line-height:1.5}.sm-auth .au-submit{background:var(--primary);color:var(--primary-foreground)}.sm-auth .au-google{background:var(--card);color:var(--foreground);border:1px solid var(--border)}.sm-auth .au-or{align-items:center;gap:12px;display:flex}.sm-auth .au-fields{gap:18px;display:grid}.sm-auth .au-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sm-auth .au-field{gap:8px;min-width:0;display:grid}.sm-auth .au-field input{background:var(--card);color:var(--foreground);border-color:var(--input);width:100%;min-width:0;font-size:16px}.sm-auth .au-check{color:var(--muted-foreground);align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;display:flex}.sm-auth .au-check input{flex:none;margin-top:4px}.sm-auth .au-trust-m{display:none}.sm-auth .au-foot{border-top:1px solid var(--border);text-align:center;color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:30px;padding-top:24px;font-size:11px;line-height:2}.sm-auth :focus-visible{outline:2px solid var(--ring);outline-offset:3px}.sm-auth .au-role:focus-visible{outline-offset:2px}@media (width>=1001px){.sm-auth .au-visual{align-self:start;min-height:100dvh;position:sticky;top:0}.sm-auth .au-ballwrap{max-width:440px}}@media (width<=1000px){.sm-auth .au{grid-template-columns:1fr}.sm-auth .au-visual{border-inline-end:0;border-bottom:1px solid var(--border);padding:28px 32px 24px}.sm-auth .au-hero{text-align:center;margin:32px auto 0}.sm-auth h1{font-size:30px}.sm-auth .au-hero p{margin:16px auto 0}.sm-auth .au-ballwrap{max-width:320px;margin-bottom:0}.sm-auth .au-visual>.au-trust{display:none}.sm-auth .au-panel{padding:32px}.sm-auth .au-trust-m{margin-top:28px;display:block}.sm-auth .au-trust-m .au-trust{gap:20px}}@media (width<=520px){.sm-auth .au-visual{padding:20px}.sm-auth .au-logo{width:150px}.sm-auth .au-language{max-width:160px;font-size:12px}.sm-auth .au-hero{margin-top:28px}.sm-auth h1{font-size:26px}.sm-auth .au-hero p{font-size:14px}.sm-auth .au-ballwrap{max-width:260px;margin-top:0}.sm-auth .au-panel{padding:28px 20px}.sm-auth .au-intro h2{font-size:23px}.sm-auth .au-role{gap:6px;padding:10px}.sm-auth .au-role.is-selected{padding:14px}.sm-auth .au-role-copy b{font-size:13px}}@media (prefers-reduced-motion:reduce){.sm-auth *{transition:none!important;animation:none!important}}
