:root{font-family:Inter,Arial,sans-serif;color:#14253a;background:#f5f8fc}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.auth-view{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)}.intro{background:linear-gradient(145deg,#102b52,#1f5faa);padding:clamp(40px,8vw,120px);color:#fff;display:flex;flex-direction:column;justify-content:center}.brand-mark{display:inline-block;width:19px;height:25px;border:2px solid currentColor;border-radius:5px;transform:rotate(-8deg);box-shadow:5px 3px 0 -1px #8dbbf0;vertical-align:middle;margin-right:9px}.intro .brand-mark{margin-bottom:60px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#79b2ee}.intro h1{max-width:650px;font-size:clamp(43px,5.5vw,76px);line-height:1.04;letter-spacing:-.055em;margin:14px 0 20px}.intro>p:last-child{font-size:16px;line-height:1.6;max-width:480px;color:#d2e3f7}.auth-card{align-self:center;width:min(420px,calc(100% - 48px));margin:auto;background:white;border:1px solid #dfe8f3;border-radius:20px;padding:38px;box-shadow:0 24px 70px #102b5212}.auth-card .eyebrow{color:#3978bf}.auth-card h2{font-size:30px;letter-spacing:-.04em;margin:12px 0 8px}.auth-card>p:not(.eyebrow){font-size:14px;line-height:1.55;color:#64778e;margin:0 0 28px}.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:8px;font-size:12px;font-weight:700}.auth-card input{width:100%;height:45px;border:1px solid #bfcee0;border-radius:9px;padding:10px 12px;color:#14253a}.auth-card input:focus{outline:3px solid #bbdafb;outline-offset:1px}.auth-card form button{height:46px;border:0;border-radius:9px;background:#235da8;color:white;font-weight:700}.auth-card form button:hover{background:#174b8d}.auth-card form button:disabled{opacity:.55}.text-button{border:0;background:none;color:#235da8;font-size:12px;font-weight:700;padding:0;margin-top:23px}.auth-card [role=alert]{font-size:12px;color:#aa342c;margin:0}.studio-view{height:100vh;display:flex;flex-direction:column}.studio-view header{height:48px;flex:none;background:#102b52;color:#fff;display:flex;align-items:center;padding:0 19px;gap:20px}.studio-view header strong{margin-right:auto}.studio-view header span{font-size:11px;color:#c9dbef}.studio-view header button{border:1px solid #ffffff4d;background:#ffffff14;color:#fff;border-radius:7px;padding:6px 11px;font-size:11px}.studio-view iframe{border:0;width:100%;flex:1}@media(max-width:760px){.auth-view{display:block}.intro{padding:28px;min-height:260px}.intro .brand-mark{margin-bottom:22px}.intro h1{font-size:38px;margin-bottom:8px}.intro>p:last-child{font-size:13px}.auth-card{margin:24px auto;padding:25px}.studio-view header span{display:none}}