/* Two complementary panes: a financial workspace illustration and a focused form. */
.auth-landing.auth-studio { background:radial-gradient(ellipse at 15% 20%,#e6eee8 0,transparent 52%),#f5f6f2; }
html[data-theme=dark] .auth-landing.auth-studio { background:radial-gradient(ellipse at 15% 20%,#1b342c 0,transparent 52%),#101c18; }
.auth-landing.auth-studio .landing-header { height:72px;width:100%;max-width:1200px; }
.auth-landing.auth-studio .auth-landing-main { display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:stretch;gap:0;flex:0 0 auto;width:calc(100% - 64px);max-width:1100px;margin: auto;padding:0;border:1px solid var(--line);border-radius:27px;background:var(--surface);box-shadow:0 20px 75px #143d2d0e; }
.auth-landing.auth-studio .auth-presentation { display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:30px 36px 27px;border-radius:26px 0 0 26px;background:radial-gradient(ellipse at 85% 10%,#306f53 0,transparent 58%),linear-gradient(145deg,#153e32,#0c2c25);color:#f0f7f2; }
.auth-landing.auth-studio .auth-presentation:before { content:'';position:absolute;width:420px;height:420px;right:-230px;top:-230px;border:1px solid #b2e7c530;border-radius:50%;box-shadow:0 0 0 44px #b2e7c507,0 0 0 90px #b2e7c504;pointer-events:none; }
.auth-landing.auth-studio .auth-presentation>.landing-kicker { color:#b8d8c9;font-size:9px;letter-spacing:1.5px; }
.auth-landing.auth-studio .auth-presentation>.landing-kicker>span { background:#a5e9c3;box-shadow:0 0 0 4px #a5e9c312; }
.auth-landing.auth-studio .auth-presentation h2 { color:#f3f8f3;font-size:47px;line-height:1.1;letter-spacing:-1.7px;margin:16px 0; }
.auth-landing.auth-studio .auth-presentation h2>span { color:#a5e9c3; }
.auth-landing.auth-studio .auth-presentation>p { color:#c1d5cb;font-size:14px;line-height:1.75;margin-bottom:16px;max-width:380px; }
.auth-studio-signal { display:flex;align-items:center;justify-content:center;gap:10px;max-width:310px;width:100%;margin:1px auto 8px; }
.auth-studio-signal>span { width:37px;height:37px;display:grid;place-items:center;border:1px solid #dbf8e825;border-radius:12px;background:#ffffff08;color:#c9ebd7;flex-shrink:0; }
.auth-studio-signal>span:last-child { color:#d8cbed; }
.auth-studio-signal>i { height:1px;flex:1;background:linear-gradient(90deg,#d2ecdf10,#a9d6bf70,#d2ecdf10); }
.auth-studio-signal svg { width:20px;height:20px; }
.auth-studio-signal>.studio-hub { width:48px;height:48px;border-radius:16px;background:#b9e8c8;color:#174e39;border-color:#c7f5d6;box-shadow:0 0 0 6px #b9e8c809; }
.auth-studio-signal>.studio-hub svg { width:29px;height:29px; }
.auth-landing.auth-studio .auth-product-scene { display:block;position:relative;padding:12px 10px 24px 0;margin:0 auto;max-width:380px;width:100%; }
.auth-landing.auth-studio .auth-scene-orbit { display:none; }
.auth-landing.auth-studio .auth-preview-card { background:var(--surface);color:var(--ink);padding:17px 20px;border:1px solid #ffffff20;border-radius:17px;transform:rotate(-2deg);box-shadow:0 16px 35px #001c2425;--lp-surface:var(--surface);--lp-muted:var(--muted); }
.auth-landing.auth-studio .auth-preview-heading { margin-bottom:12px; }
.auth-landing.auth-studio .auth-preview-total { padding-top:12px; }
.auth-landing.auth-studio .auth-preview-total>strong { font-size:27px; }
.auth-landing.auth-studio .auth-preview-month { display:none; }
.auth-landing.auth-studio .auth-preview-breakdown { gap:24px;padding-top:14px; }
.auth-landing.auth-studio .auth-preview-donut { width:85px;height:85px; }
.auth-landing.auth-studio .auth-preview-donut>span { width:58px;height:58px;font-size:20px; }
.auth-landing.auth-studio .auth-preview-float { background:var(--surface);color:var(--ink);right:-5px;bottom:14px;padding:10px 12px;border-radius:12px;box-shadow:0 10px 30px #001c241f;--lp-surface:var(--surface);--lp-muted:var(--muted); }
.auth-landing.auth-studio .auth-preview-float strong { font-size:10px; }
.auth-landing.auth-studio .auth-preview-caption { position:relative;top:10px;color:#b6cfc2;font-size:9px;margin-top:15px; }
.auth-landing.auth-studio .auth-feature-tags { color:#c3dacd;gap:9px;margin-top:14px;justify-content:center; }
.auth-feature-tags>span { padding:5px 8px;border:1px solid #d5f2e21a;border-radius:7px;font-size:10px;background:#ffffff04; }
.auth-landing.auth-studio .auth-feature-tags svg { color:#b5e5c7;width:13px;height:13px; }
.auth-landing.auth-studio .auth-form-panel { display:grid;grid-template-columns:minmax(0,1fr);min-width:0;padding:30px 38px;border:0;border-radius:0 26px 26px 0;background:var(--surface);box-shadow:none;align-self:stretch;align-content:center; }
.auth-landing.auth-studio .auth-box { display:block;max-width:380px;width:100%;min-width:0; }
.auth-landing.auth-studio .auth-form-symbol { display:none; }
.auth-landing.auth-studio .auth-box>.landing-kicker { display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px;margin-bottom:8px; }
.auth-landing.auth-studio .auth-box h1 { text-align:start;font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:0 0 11px; }
.auth-landing.auth-studio .auth-box>p.muted { display:block;text-align:start;color:var(--muted);font-size:13px;line-height:1.65;margin-bottom:20px; }
.auth-landing.auth-studio .social-auth-section { margin-top:15px; }
.auth-landing.auth-studio .auth-box .divider { margin:13px 0;font-size:10px;line-height:1.4; }
.auth-landing.auth-studio .auth-box label { font-size:13px;line-height:1.4;margin:12px 0;gap:6px; }
.auth-landing.auth-studio .auth-box input { min-height:44px;font-size:16px;line-height:1.35;padding:9px 12px;background:var(--bg);border:1px solid var(--line);border-radius:9px; }
.auth-landing.auth-studio .auth-box form .primary { min-height:44px;font-size:14px;line-height:1.4;padding:10px 15px;margin-top:16px;background:#107653;border-color:#107653;border-radius:10px;box-shadow:0 4px 14px #10765312; }
.auth-landing.auth-studio .auth-box form .primary:hover { background:#0b6244; }
.auth-landing.auth-studio .auth-box .auth-switch { margin:17px 0 0;padding:0;border:0;font-size:12px;line-height:1.7;color:var(--muted); }
.auth-landing.auth-studio .auth-box>.auth-sync-note { display:flex;font-size:10px;line-height:1.6;margin-top:18px;padding-top:13px;gap:8px; }
.auth-landing.auth-studio .auth-landing-footer { display:none; }
.auth-landing.auth-studio:after { content:'';height:20px;flex-shrink:0; }
@media(max-width:1100px) { .auth-landing.auth-studio .auth-landing-main { width:calc(100% - 48px); }.auth-landing.auth-studio .auth-presentation { padding-inline:28px; }.auth-landing.auth-studio .auth-presentation h2 { font-size:42px; }.auth-landing.auth-studio .auth-form-panel { padding-inline:28px; } }
@media(max-width:850px) { .auth-landing.auth-studio .auth-landing-main { max-width:470px;width:calc(100% - 40px);grid-template-columns:minmax(0,1fr); }.auth-landing.auth-studio .auth-presentation { display:none; }.auth-landing.auth-studio .auth-form-panel { border-radius:26px;padding:30px; } }
@media(max-height:820px) {
    .auth-landing.auth-studio .landing-header { height:62px; }
    .auth-landing.auth-studio .auth-box>.auth-sync-note { display:none; }
    .auth-landing.auth-studio .auth-form-panel { padding-block:24px; }
    .auth-landing.auth-studio .auth-presentation { padding-block:24px; }
    .auth-landing.auth-studio .auth-presentation h2 { font-size:41px;margin:13px 0; }
    .auth-landing.auth-studio .auth-presentation>p { font-size:13px;line-height:1.65;margin-bottom:12px; }
    .auth-studio-signal { margin-bottom:4px; }
    .auth-landing.auth-studio .auth-preview-card { padding:14px 17px; }
    .auth-landing.auth-studio .auth-preview-heading { margin-bottom:10px; }
    .auth-landing.auth-studio .auth-feature-tags { margin-top:10px; }
    .auth-landing.auth-studio:after { height:14px; }
}
@media(max-height:720px) {
    .auth-landing.auth-studio .landing-header { height:54px; }
    .auth-landing.auth-studio .auth-box>.landing-kicker,
    .auth-landing.auth-studio .auth-box>p.muted,
    .auth-landing.auth-studio .auth-studio-signal { display:none; }
    .auth-landing.auth-studio .auth-form-panel { padding:20px 25px; }
    .auth-landing.auth-studio .auth-box h1 { font-size:26px;margin-bottom:14px; }
    .auth-landing.auth-studio .social-auth-section { margin-top:0; }
    .auth-landing.auth-studio .auth-box label { margin:8px 0;gap:5px; }
    .auth-landing.auth-studio .auth-box .divider { margin:8px 0; }
    .auth-landing.auth-studio .auth-box form .primary { margin-top:12px; }
    .auth-landing.auth-studio .auth-box .auth-switch { margin-top:12px; }
    .auth-landing.auth-studio .auth-box #auth-form { margin-top:0; }
}
@media(max-height:600px) { .auth-landing.auth-studio .landing-header { height:48px; }.auth-landing.auth-studio .auth-form-panel { padding:15px 20px; }.auth-landing.auth-studio .auth-box h1 { font-size:22px;margin-bottom:11px; }.auth-landing.auth-studio .auth-box label { margin:6px 0; }.auth-landing.auth-studio .auth-box .divider { margin:5px 0; }.auth-landing.auth-studio:after { height:8px; } }
@media(min-width:520px) and (max-height:500px) {
    .auth-landing.auth-studio .auth-presentation,.auth-landing.auth-studio .auth-home-link { display:none; }
    .auth-landing.auth-studio .auth-landing-main { max-width:850px;grid-template-columns:minmax(0,1fr); }
    .auth-landing.auth-studio .auth-form-panel { border-radius:26px; }
    .auth-landing.auth-studio .auth-box { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;max-width:none;align-items:start; }
    .auth-landing.auth-studio .auth-box h1 { grid-column:1;grid-row:1; }
    .auth-landing.auth-studio .social-auth-section { grid-column:1;grid-row:2; }
    .auth-landing.auth-studio .auth-box .divider { display:none; }
    .auth-landing.auth-studio .auth-box #auth-form { grid-column:2;grid-row:1 / span 4; }
    .auth-landing.auth-studio .auth-box .auth-switch { grid-column:1;grid-row:3; }
}