.sign-in-page{background-image:url(/images/studio-bg.jpg);background-position:50%;background-size:cover;background-color:var(--schemes-surface);min-height:100vh;padding:var(--space-4);position:relative}.sign-in-page:before{content:"";pointer-events:none;background:#0000007a;position:absolute;inset:0}.sign-in-layout{gap:var(--space-4);min-height:calc(100vh - 2 * var(--space-4));z-index:1;grid-template-columns:1fr 1fr;display:grid;position:relative}.sign-in-form-card{padding:var(--space-8);background:radial-gradient(ellipse at 50% 0%, var(--schemes-surface-container-low) 0%, var(--schemes-surface-container-lowest) 100%);border-radius:var(--corner-extra-large);border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sign-in-form-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(160deg,#ffffff2e 0%,#ffffff0a 50%,#ffffff14 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sign-in-form-content{gap:var(--space-8);flex-direction:column;width:100%;max-width:450px;display:flex}.sign-in-logo{align-items:center;gap:var(--space-3);display:flex}.sign-in-welcome{gap:var(--space-2);flex-direction:column;display:flex}.sign-in-form-area,.sign-in-credentials{gap:var(--space-6);flex-direction:column;display:flex}.sign-in-field{gap:var(--space-1);flex-direction:column;display:flex}.sign-in-input{width:100%;height:56px;padding:0 var(--space-4);background:var(--schemes-surface-container);border:1px solid var(--schemes-outline-variant);border-radius:var(--corner-medium);color:var(--schemes-on-surface);transition:border-color var(--ease-standard)}.sign-in-input::placeholder{color:var(--schemes-outline)}.sign-in-input:focus{border-color:var(--schemes-primary);outline:none}.sign-in-submit{background:var(--schemes-primary);width:100%;height:56px;color:var(--schemes-on-primary);border-radius:var(--corner-full);cursor:pointer;transition:opacity var(--ease-standard);border:none}.sign-in-submit:hover:not(:disabled){opacity:.9}.sign-in-submit:disabled{opacity:.5;cursor:not-allowed}.sign-in-field--error label{color:var(--schemes-error)}.sign-in-field--error .sign-in-input{border-color:var(--schemes-error)}.sign-in-field-error{margin:var(--space-1) var(--space-4) 0;color:var(--schemes-error);display:block}.sign-in-error{color:var(--schemes-error)}.sign-in-footer{text-align:center}.sign-in-photo-card{padding:var(--space-10);flex-direction:column;justify-content:space-between;display:flex}.sign-in-photo-logo{align-items:center;gap:var(--space-3);display:flex}.sign-in-tagline{white-space:pre-line;color:var(--schemes-on-surface)}