.studio-login{--sq-ink:#29332f;--sq-text:#46524b;--sq-muted:#647069;--sq-primary-800:#3c5848;--sq-primary-600:#496652;--sq-line:#dce1d9;--sq-line-strong:#a2aea3;position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr);place-items:center;padding:32px 20px;background:#f4f4ee}.studio-login__backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none}.studio-login__background{object-fit:cover;object-position:center}.studio-login__brand{margin-bottom:28px}.studio-login__brand :is(.brand-mark,.brand-mark__word,.brand-mark__word span){color:var(--sq-ink)}.studio-login .auth-form-side{min-height:0;padding:0;background:transparent}.studio-login .auth-card{width:min(440px,100%);padding:clamp(28px,3.2vw,48px);border:1px solid #e2e6e3;border-radius:24px;background:#fff;box-shadow:0 28px 90px rgb(32 42 48/14%),inset 0 1px 0 white;backdrop-filter:none}.studio-login .auth-card h2{margin:0 0 10px;font-size:30px;font-weight:550;letter-spacing:-.035em}.studio-login .auth-card>p{margin-bottom:32px}.studio-login .auth-card form{gap:20px}.studio-login .field-label{gap:8px;color:var(--sq-muted);font-size:12px;font-weight:500}.studio-login .auth-input{min-height:48px;padding:0 2px;border:0;border-bottom:1px solid var(--sq-line-strong);border-radius:0;background:transparent;box-shadow:none}.studio-login .auth-input input{background:transparent;color:var(--sq-ink);font-size:16px}.studio-login .auth-input input::placeholder{color:var(--sq-muted)}.studio-login .auth-input:focus-within{border-color:var(--sq-primary-800);box-shadow:0 2px 0 var(--sq-primary-800)}.studio-login .auth-input.is-error{border-color:var(--sq-danger)}.studio-login .password-visibility{min-height:44px}.studio-login :is(.auth-form-options,.subject-login-choice){font-size:12px;color:var(--sq-text)}.studio-login .subject-login-choice{margin:0;padding:12px;border:1px solid var(--sq-line);border-radius:10px;background:rgb(234 238 229/55%)}.studio-login input[type=checkbox]{accent-color:var(--sq-primary-800)}.studio-login .auth-card .auth-submit{justify-content:space-between;min-height:52px;padding-inline:20px;border:1px solid #efb6a7;border-radius:10px;background:#f0c5b7;color:#3d302c;box-shadow:0 5px 16px rgb(140 86 66/8%);font-weight:600}.studio-login .auth-card .auth-submit:hover:not(:disabled,[aria-disabled=true]){background:#eeb5a4}.studio-login .auth-card .auth-submit:is(:disabled,[aria-disabled=true]){opacity:1;background:#eddfd7;border-color:#d6c7be;color:#70645d;box-shadow:none}.studio-login .auth-demo-hint{text-align:center;line-height:1.8}.studio-login .auth-demo-hint a{margin-left:6px;color:var(--sq-primary-800);font-weight:600}.studio-login .auth-security{justify-content:center;margin-top:28px;padding:20px 0 0;border:0;border-top:1px solid var(--sq-line);border-radius:0;background:transparent;font-size:11px}.studio-login :is(a,button,input):focus-visible{outline:2px solid var(--sq-primary-800);outline-offset:4px}.studio-login .auth-input input:focus-visible{outline-offset:2px}@media (max-width:850px){.studio-login .auth-card{padding:28px;border-radius:20px}}@media (max-width:360px){.studio-login{padding:24px 14px}.studio-login .auth-card{padding:24px 20px}}