.login-shell{isolation:isolate;background:linear-gradient(90deg, color-mix(in srgb, var(--line) 38%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--line) 30%, transparent) 1px, transparent 1px), radial-gradient(circle at 86% 8%, #89d1be2e, transparent 20rem), radial-gradient(circle at 12% 82%, #dea24f1f, transparent 24rem), linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%);background-size:38px 38px,38px 38px,auto,auto,auto;min-height:100dvh;padding:28px clamp(18px,4vw,54px) 48px;position:relative;overflow-x:clip}.login-shell:before,.login-shell:after{z-index:-1;content:"";pointer-events:none;position:fixed;inset-inline:0}.login-shell:before{background:linear-gradient(110deg, transparent 0 18%, color-mix(in srgb, var(--brand-soft) 42%, transparent) 48%, transparent 78%), repeating-linear-gradient(115deg, transparent 0 22px, color-mix(in srgb, var(--line) 32%, transparent) 22px 23px);opacity:.5;height:48dvh;top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.login-shell:after{background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--accent-soft) 52%, transparent), transparent 62%), linear-gradient(180deg, transparent, color-mix(in srgb, var(--surface-warm) 72%, transparent));opacity:.82;height:38dvh;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.login-nav{border:1px solid color-mix(in srgb, var(--surface) 82%, var(--line));background:linear-gradient(120deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--surface-warm) 78%, transparent)), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand-soft) 38%, transparent), transparent 15rem);width:min(1180px,100% + -1*clamp(0px,2vw,28px));min-width:0;box-shadow:0 1px 0 #ffffff94 inset, 0 20px 52px -44px color-mix(in srgb, var(--ink-0) 56%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.08);border-radius:clamp(22px,2.2vw,30px);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;padding:9px 10px 9px 12px;display:flex}.login-nav .brand{min-width:0}.login-nav-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.login-nav-actions .btn-sm{min-height:44px;padding-inline:16px}.login-panel{grid-template:"copy card""supporting card"/minmax(0,1.08fr) minmax(360px,440px);align-content:center;align-items:center;gap:18px clamp(28px,6vw,86px);width:min(1180px,100%);max-width:100%;min-height:calc(100vh - 150px);margin:0 auto;padding:clamp(42px,6vw,72px) 0 28px;display:grid}.login-panel>*{min-width:0}.login-copy{grid-area:copy;align-self:end;gap:18px;min-width:0;max-width:100%;display:grid;position:relative}.login-supporting{grid-area:supporting;align-self:start;gap:18px;min-width:0;max-width:100%;display:grid}.login-copy h1{max-width:820px;color:var(--ink-0);text-wrap:balance;margin:0;font-size:clamp(3rem,6.4vw,5.85rem);line-height:1}.login-copy p{max-width:620px;color:var(--ink-2);overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-size:1.08rem;line-height:1.65}.login-benefits{gap:10px;max-width:560px;margin-top:8px;display:grid}.login-benefits span{min-width:0;max-width:100%;color:var(--ink-1);overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;font-weight:850;line-height:1.35;display:grid}.login-benefit-copy{overflow-wrap:anywhere;text-wrap:pretty;min-width:0;max-width:100%}.login-benefits svg{color:var(--good);flex:none;margin-top:.18em}.login-studio-preview{border:1px solid var(--line);background:linear-gradient(135deg, #fffdf8e6, #f8f3e9ad), var(--surface);min-width:0;max-width:min(650px,100%);box-shadow:0 22px 52px -38px var(--shadow);border-radius:20px;gap:14px;margin-top:14px;padding:18px;display:grid;position:relative;overflow:hidden}.login-studio-preview:before{content:"";background:linear-gradient(90deg, transparent 0 31px, color-mix(in srgb, var(--line) 36%, transparent) 31px 32px), linear-gradient(180deg, transparent 0 31px, color-mix(in srgb, var(--line) 30%, transparent) 31px 32px);opacity:.34;pointer-events:none;background-size:32px 32px;position:absolute;inset:0}.login-preview-top,.login-preview-sheet{z-index:1;position:relative}.login-preview-top{border:1px solid color-mix(in srgb, var(--brand) 22%, var(--line));background:color-mix(in srgb, var(--surface) 86%, var(--brand-soft));min-width:0;min-height:54px;box-shadow:0 12px 26px -22px color-mix(in srgb, var(--brand) 62%, transparent);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.login-preview-top span,.login-preview-sheet span{min-width:0;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:950}.login-preview-top strong{min-width:0;color:var(--ink-0);overflow-wrap:anywhere;text-align:right;text-wrap:balance;font-size:.98rem;font-weight:950;line-height:1.15}.login-preview-sheet{border:1px solid var(--line);background:#fffdf8bd;border-radius:14px;grid-template-columns:repeat(3,minmax(min(100%,130px),1fr));min-width:0;display:grid;overflow:hidden}.login-preview-sheet div{border-right:1px solid var(--line);gap:6px;min-width:0;min-height:92px;padding:16px;display:grid;position:relative}.login-preview-sheet div:last-child{border-right:0}.login-preview-sheet strong{max-width:100%;color:var(--ink-0);font-family:var(--font-display);overflow-wrap:anywhere;text-wrap:balance;font-size:1.4rem;line-height:1.1}.login-card{border:1px solid var(--line);min-width:0;max-width:100%;box-shadow:var(--shadow-lg);background:#fffdf8eb;border-radius:18px;grid-area:card;align-self:center;gap:18px;padding:24px;display:grid;position:relative;overflow:hidden}.login-card:before,.login-card:after{content:"";pointer-events:none;position:absolute}.login-card:before{border:1px solid #ffffff7a;border-radius:17px;inset:1px}.login-card:after{background:radial-gradient(circle, color-mix(in srgb, var(--brand-soft) 62%, transparent), transparent 68%);opacity:.78;border-radius:999px;width:260px;height:260px;top:-40%;right:-28%}.login-card>*{z-index:1;position:relative}.login-card-head{gap:8px;display:grid}.login-card-head h2{color:var(--ink-0);font-family:var(--font-display);margin:0;font-size:clamp(1.85rem,4vw,2.35rem);line-height:1.08}.login-card-head p{color:var(--ink-2);margin:0;line-height:1.5}.login-status{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, var(--bg-alt));width:fit-content;max-width:100%;min-height:30px;color:var(--ink-2);overflow-wrap:anywhere;text-wrap:balance;white-space:normal;border-radius:999px;align-items:center;padding:6px 10px;font-size:.75rem;font-weight:900;line-height:1.15;display:inline-flex}.login-status.success{border-color:color-mix(in srgb, var(--good) 34%, var(--line));background:var(--good-soft);color:var(--good)}.login-status.error{border-color:color-mix(in srgb, var(--danger) 34%, var(--line));background:var(--danger-soft);color:var(--danger)}.login-status.neutral{color:var(--ink-3)}.login-oauth{width:100%}.login-session-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.login-session-strip span{border:1px solid color-mix(in srgb, var(--good) 26%, var(--line));background:color-mix(in srgb, var(--good) 9%, var(--surface));min-width:0;min-height:36px;color:var(--ink-1);text-align:center;text-wrap:balance;white-space:normal;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:.78rem;font-weight:900;line-height:1.12;display:inline-flex}.login-session-strip svg{color:var(--good)}.login-disabled{gap:10px;display:grid}.login-disabled strong{color:var(--ink-0);font-size:1.05rem}.login-disabled p{color:var(--ink-2);margin:0;line-height:1.5}html[data-theme=dark] .login-shell{background:linear-gradient(90deg,#fff7e90b 1px,#0000 1px),linear-gradient(#fff7e909 1px,#0000 1px),radial-gradient(circle at 86% 8%,#89d1be1f,#0000 20rem),radial-gradient(circle at 12% 82%,#dea24f14,#0000 24rem),linear-gradient(#090d1a 0%,#111726 100%)}html[data-theme=dark] .login-shell:before{opacity:.42;background:linear-gradient(110deg,#0000 0 18%,#89d1be14 48%,#0000 78%),repeating-linear-gradient(115deg,#0000 0 22px,#fff7e90e 22px 23px)}html[data-theme=dark] .login-shell:after{opacity:.74;background:radial-gradient(at 50% 100%,#dda04a1a,#0000 62%),linear-gradient(#0000,#fff7e909)}html[data-theme=dark] .login-nav{background:linear-gradient(120deg,#191f34db,#0c111fb8),radial-gradient(circle at 100% 0,#89d1be14,#0000 15rem);border-color:#fff7e929;box-shadow:inset 0 1px #fff7e914,0 22px 54px -42px #000000e6}html[data-theme=dark] .login-copy p,html[data-theme=dark] .login-disabled p{color:var(--ink-2)}html[data-theme=dark] .login-card{background:linear-gradient(#fff7e912,#fff7e909),#0f1423e6;border-color:#fff7e92e;box-shadow:0 26px 60px -34px #000000eb}html[data-theme=dark] .login-card:before{border-color:#fff7e914}html[data-theme=dark] .login-card:after{opacity:.82;background:radial-gradient(circle,#89d1be1f,#0000 68%)}html[data-theme=dark] .login-studio-preview{background:linear-gradient(135deg,#fff7e912,#fff7e909),#0f1423b8;border-color:#fff7e929}html[data-theme=dark] .login-preview-top,html[data-theme=dark] .login-preview-sheet{background:#fff7e90e;border-color:#fff7e929}html[data-theme=dark] .login-preview-sheet div{border-color:#fff7e929}html[data-theme=dark] .login-session-strip span{color:#eff8ed;background:#5f846d24;border-color:#92bfa047}@media (max-width:1040px){.login-panel{grid-template:"copy""card""supporting"/1fr;align-content:start;align-items:start;gap:28px 0;min-height:auto}.login-copy h1{max-width:760px}.login-card{width:min(560px,100%)}.login-supporting{width:min(760px,100%)}}@media (max-width:760px){.login-shell{padding:18px 16px 34px}.login-nav{gap:10px}.login-nav .brand{flex:auto;gap:8px}.login-nav .brand-name{text-overflow:ellipsis;max-width:clamp(126px,42vw,170px);overflow:hidden}.login-nav-actions{gap:8px}.login-nav-actions .btn-sm{min-width:0;padding-inline:12px}.login-panel{row-gap:20px;width:100%;max-width:100%;padding-top:32px;overflow:hidden}.login-copy,.login-supporting,.login-copy h1,.login-copy p,.login-benefits,.login-studio-preview,.login-card{width:100%;max-width:100%}.login-copy h1{font-size:clamp(2.55rem,12vw,3rem)}.login-copy p{font-size:.98rem;line-height:1.52}.login-supporting{gap:12px}.login-benefits{margin-top:0}.login-studio-preview,.login-session-strip{display:none}.login-preview-top{flex-direction:column;align-items:flex-start}.login-preview-top strong{text-align:left;width:100%}.login-preview-sheet{grid-template-columns:1fr}.login-preview-sheet div{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.login-preview-sheet div:last-child{border-bottom:0}.login-card{padding:18px}.login-session-strip{grid-template-columns:1fr}}@media (max-width:520px){.login-shell{inline-size:100%;max-inline-size:100vw;padding-inline:14px;overflow-x:clip}.login-panel{inline-size:100%;max-inline-size:100%}.login-benefits span{align-items:start}}