:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-ink:#f5f7fb;--color-ink-soft:#b7c3d3;--color-ink-muted:#7f8fa3;--color-bg:#080b10;--color-panel:#101722;--color-panel-strong:#151f2d;--color-line:#cee0ff29;--color-teal:#20d6d2;--color-blue:#408cff;--color-amber:#ffb15a;--color-danger:#ff7b7b;--shadow-panel:0 3rem 8rem #0000006b;--radius-page:2.4rem;--radius-control:.8rem;color:var(--color-ink);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:10px}@media (width<=1023px){:root{font-size:7px}}@media (width>=1024px) and (width<=1279px){:root{font-size:8px}}*{box-sizing:border-box}body{min-width:32rem;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}#root{min-height:100svh}.portal-shell{background:linear-gradient(115deg,#20d6d224,#0000 36%),linear-gradient(250deg,#ffb15a1f,#0000 42%),#080b10;place-items:center;min-height:100svh;padding:3.2rem;display:grid}.portal-shell--callback{background:linear-gradient(135deg,#20d6d229,#0000 32%),linear-gradient(250deg,#ffb15a29,#0000 42%),url(/images/login-studio.png) 50%/cover fixed,#080b10}.portal-shell--callback:before{content:"";background:#080b10d1;position:fixed;inset:0}.login-surface{border:.1rem solid var(--color-line);border-radius:var(--radius-page);width:min(118rem,100%);min-height:68rem;box-shadow:var(--shadow-panel);background:#0c1119eb;grid-template-columns:minmax(0,1.12fr) minmax(38rem,.88fr);display:grid;overflow:hidden}.callback-card{z-index:1;border:.1rem solid var(--color-line);border-top:.4rem solid var(--color-teal);border-radius:var(--radius-page);background:linear-gradient(180deg, #151f2df5, #090d13fa), var(--color-panel);width:min(64rem,100%);box-shadow:var(--shadow-panel);gap:2.2rem;padding:4.8rem;display:grid;position:relative}.callback-card--warning{border-top-color:var(--color-amber)}.callback-card--error{border-top-color:var(--color-danger)}.callback-card h1{max-width:54rem;font-size:4.4rem}.callback-detail{border:.1rem solid var(--color-line);background:var(--color-line);border-radius:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem;margin:0;display:grid;overflow:hidden}.callback-detail div{background:#05090e94;min-width:0;padding:1.5rem}.callback-detail dt,.callback-detail dd{margin:0}.callback-detail dt{color:var(--color-ink-muted);text-transform:uppercase;font-size:1.15rem;font-weight:760}.callback-detail dd{overflow-wrap:anywhere;color:var(--color-ink);margin-top:.6rem;font-size:1.45rem;font-weight:760}.callback-action{width:min(28rem,100%)}.brand-panel{background:#070a0f;min-height:68rem;position:relative;overflow:hidden}.brand-panel__image,.brand-panel__shade{position:absolute;inset:0}.brand-panel__image{object-fit:cover;opacity:.78;width:100%;height:100%}.brand-panel__shade{background:linear-gradient(90deg,#080b1033,#080b10eb),linear-gradient(#080b100d 48%,#080b10b8)}.brand-panel__content{z-index:1;flex-direction:column;justify-content:flex-end;gap:2.8rem;min-height:100%;padding:5.6rem;display:flex;position:relative}.eyebrow{color:var(--color-teal);letter-spacing:0;text-transform:uppercase;margin:0;font-size:1.2rem;font-weight:800}h1,h2,p{margin:0}h1{max-width:62rem;color:var(--color-ink);letter-spacing:0;font-size:5.6rem;font-weight:760;line-height:.98}h2{color:var(--color-ink);letter-spacing:0;font-size:3.2rem;font-weight:740;line-height:1.06}.muted{color:var(--color-ink-soft);font-size:1.55rem;line-height:1.55}.signal-board{gap:1rem;width:min(48rem,100%);display:grid}.signal-board__row{background:linear-gradient(90deg, var(--color-teal), #408cff1f);border-radius:99rem;height:.6rem}.signal-board__row--wide{width:100%}.signal-board__row:not(.signal-board__row--wide){width:74%}.signal-board__row--short{background:linear-gradient(90deg, var(--color-amber), #ffb15a0f);width:48%}.metrics-strip{border:.1rem solid var(--color-line);background:var(--color-line);border-radius:.8rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.1rem;width:min(52rem,100%);margin:0;display:grid;overflow:hidden}.metrics-strip div{background:#0a0f16c2;padding:1.6rem}.metrics-strip dt,.metrics-strip dd{margin:0}.metrics-strip dt{color:var(--color-ink-muted);text-transform:uppercase;font-size:1.15rem;font-weight:700}.metrics-strip dd{color:var(--color-ink);margin-top:.6rem;font-size:1.45rem;font-weight:750}.auth-panel{background:linear-gradient(180deg, #151f2df5, #0d121bfa), var(--color-panel);place-items:center;padding:4.8rem;display:grid}.login-form,.signed-in{width:min(42rem,100%)}.login-form{gap:2rem;display:grid}.form-heading{gap:1.1rem;margin-bottom:1.2rem;display:grid}.field{color:var(--color-ink-soft);gap:.8rem;font-size:1.35rem;font-weight:720;display:grid}.field input{border-radius:var(--radius-control);width:100%;min-height:5.2rem;color:var(--color-ink);background:#05090e94;border:.1rem solid #cee0ff2e;outline:none;padding:0 1.5rem;transition:border-color .16s,box-shadow .16s,background .16s}.field input:focus{background:#05090ebd;border-color:#20d6d2d1;box-shadow:0 0 0 .4rem #20d6d21f}.form-message{min-height:2.2rem;color:var(--color-danger);font-size:1.35rem}.primary-action{border-radius:var(--radius-control);color:#061016;background:linear-gradient(90deg, var(--color-teal), var(--color-amber));border:0;width:100%;min-height:5.4rem;font-size:1.55rem;font-weight:850;transition:filter .16s,transform .16s;box-shadow:0 1.4rem 3rem #20d6d22e}.primary-action:hover{filter:brightness(1.06)}.primary-action:active{transform:translateY(.1rem)}.primary-action:focus-visible{outline-offset:.3rem;outline:.3rem solid #ffffffc7}.primary-action:disabled{filter:saturate(.42)}.signed-in{justify-items:start;gap:1.6rem;display:grid}.avatar{width:7.2rem;height:7.2rem;color:var(--color-ink);background:linear-gradient(145deg,#20d6d247,#ffb15a2e);border:.1rem solid #20d6d26b;border-radius:50%;place-items:center;font-size:2rem;font-weight:850;display:grid}.role-badge{min-height:3rem;color:var(--color-amber);text-transform:uppercase;background:#ffb15a1a;border:.1rem solid #ffb15a6b;border-radius:99rem;align-items:center;padding:0 1.2rem;font-size:1.2rem;font-weight:800;display:inline-flex}@media (width<=860px){.portal-shell{align-items:stretch;padding:0}.login-surface{border:0;border-radius:0;grid-template-columns:1fr;min-height:100svh}.brand-panel{min-height:44rem}.brand-panel__content{padding:3.2rem}h1{font-size:4.6rem}.metrics-strip{grid-template-columns:1fr}.auth-panel{padding:4rem 3.2rem 5.2rem}.callback-card{border-inline:0;border-bottom:0;border-radius:0;place-content:center;width:100%;min-height:100svh;padding:4rem 3.2rem}.callback-detail{grid-template-columns:1fr}}