.studio-auth{--color-bg:#020204;--color-panel:#08090b;--color-panel-2:#0d0e11;--color-ink:#f4f3ef;--color-ink-soft:#b8b6af;--color-brand:#d6af5a;--color-brand-bright:#e4c46a;--color-line:#e1be6e1a;--glow-rgb:214 175 90;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--color-bg);min-height:100dvh;color:var(--color-ink);place-items:center;padding:clamp(24px,5vw,72px);display:grid}.studio-auth .auth-shell{border:1px solid var(--color-line);background:var(--color-panel);border-radius:24px;grid-template-columns:1fr 1fr;width:100%;max-width:1120px;min-height:660px;display:grid;overflow:hidden}.studio-auth .auth-brand{background:radial-gradient(ellipse at 15% 22%, rgb(var(--glow-rgb) / .055), transparent 65%), var(--color-panel-2);border-right:1px solid var(--color-line);flex-direction:column;align-items:flex-start;padding:clamp(32px,4vw,60px);display:flex}.studio-auth .auth-logo{aspect-ratio:2114/416;flex:none;width:clamp(248px,22vw,300px);max-width:100%;position:relative;overflow:hidden}.studio-auth .auth-logo>span{width:100%;height:100%;position:absolute;inset:0}.studio-auth .auth-logo img{width:102.081%;max-width:none;height:auto;position:absolute;top:-31.25%;left:-.9461%}.studio-auth .auth-intro{margin:clamp(48px,5vw,72px) 0 40px}.studio-auth .auth-eyebrow{color:var(--color-brand);letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:600}.studio-auth .auth-intro h2{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.15}.studio-auth .auth-intro h2 span{color:var(--color-brand)}.studio-auth .auth-intro>p:last-child{max-width:320px;color:var(--color-ink-soft);margin-top:20px;font-size:16px;line-height:1.75}.studio-auth .auth-brand-footer{color:var(--color-ink-soft);margin-top:auto;font-size:13px}.studio-auth .auth-content{align-self:center;width:100%;min-width:0;padding:48px clamp(28px,4vw,60px)}.studio-auth .auth-heading{margin-bottom:32px}.studio-auth h1{font-family:var(--font-display);letter-spacing:-.035em;font-size:30px;font-weight:600;line-height:1.2}.studio-auth .auth-heading>p{color:var(--color-ink-soft);margin-top:12px;font-size:15px;line-height:1.7}.studio-auth .auth-fields{border:0;flex-direction:column;gap:20px;min-width:0;padding:0;display:flex}.studio-auth .auth-field{flex-direction:column;gap:9px;display:flex}.studio-auth label{color:var(--color-ink-soft);font-size:14px;font-weight:500}.studio-auth input:not([type=hidden]){background:var(--color-bg);width:100%;min-width:0;height:50px;color:var(--color-ink);border:1px solid #ffffff24;border-radius:10px;outline:none;padding:0 14px;font-size:16px;transition:border-color .15s}.studio-auth input::placeholder{color:var(--color-ink-soft);opacity:.7}.studio-auth input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px rgb(var(--glow-rgb) / .12)}.studio-auth input:-webkit-any(:autofill,:-webkit-autofill){-webkit-text-fill-color:var(--color-ink);caret-color:var(--color-ink);box-shadow:0 0 0 1000px var(--color-bg) inset}.studio-auth input:is(:autofill,:autofill){-webkit-text-fill-color:var(--color-ink);caret-color:var(--color-ink);box-shadow:0 0 0 1000px var(--color-bg) inset}.studio-auth input:-webkit-any(:autofill,:-webkit-autofill):focus{box-shadow:0 0 0 1000px var(--color-bg) inset, 0 0 0 3px rgb(var(--glow-rgb) / .12)}.studio-auth input:is(:autofill,:autofill):focus{box-shadow:0 0 0 1000px var(--color-bg) inset, 0 0 0 3px rgb(var(--glow-rgb) / .12)}.studio-auth .auth-password{position:relative}.studio-auth .auth-password input{padding-right:52px}.studio-auth .auth-password button{width:44px;height:44px;color:var(--color-ink-soft);cursor:pointer;border-radius:7px;place-items:center;display:grid;position:absolute;top:3px;right:4px}.studio-auth .auth-help{color:var(--color-ink-soft);font-size:13px;line-height:1.6}.studio-auth .auth-forgot{align-self:flex-end;margin-top:-8px;font-size:14px}.studio-auth a{color:var(--color-brand);text-underline-offset:4px}.studio-auth a:hover{text-decoration:underline}.studio-auth :is(a,button):focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}.studio-auth .auth-submit{background:var(--color-brand);min-height:50px;color:var(--color-bg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:650;text-decoration:none;transition:background .15s;display:flex}.studio-auth .auth-submit:hover{background:var(--color-brand-bright)}.studio-auth fieldset:disabled{opacity:.65}.studio-auth fieldset:disabled button{cursor:wait}.studio-auth .auth-feedback{border:1px solid var(--color-line);color:var(--color-ink-soft);background:var(--color-panel-2);overflow-wrap:anywhere;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.65}.studio-auth .auth-error{color:#f5b6ae;border-color:#f59a9059}.studio-auth .auth-switch{text-align:center;color:var(--color-ink-soft);margin-top:28px;font-size:14px;line-height:1.75}.studio-auth .auth-text-link{margin-top:16px;font-size:14px;display:block}.studio-auth .auth-status-icon{border:1px solid var(--color-line);width:48px;height:48px;color:var(--color-brand);border-radius:12px;place-items:center;margin-bottom:24px;display:grid}@media (max-width:900px){.studio-auth{align-items:start;padding:24px 18px}.studio-auth .auth-shell{background:0 0;border:0;max-width:480px;min-height:0;display:block;overflow:visible}.studio-auth .auth-brand{background:0 0;border:0;padding:12px 22px 28px}.studio-auth .auth-logo{width:234px}.studio-auth .auth-intro,.studio-auth .auth-brand-footer{display:none}.studio-auth .auth-content{border:1px solid var(--color-line);background:var(--color-panel);border-radius:18px;padding:32px 22px}.studio-auth h1{font-size:28px}}
