.studio-login { display: flex; align-items: center; justify-content: center; min-height: 100svh; padding: clamp(16px, 3vw, 42px); background: #fae4df; color: var(--clr-text); }
.studio-login__shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; max-width: 1380px; min-height: min(800px, calc(100svh - 84px)); overflow: hidden; border: 1px solid rgba(41, 46, 44, .04); border-radius: 24px; background: var(--clr-white); }
.studio-login__welcome { display: flex; flex-direction: column; justify-content: space-between; gap: 48px; padding: clamp(32px, 4.5vw, 70px); background: var(--clr-cream); }
.studio-login__brand { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.studio-login__wordmark { font-family: var(--ff-Lora); font-size: 2rem; line-height: 1.2; letter-spacing: -.06em; }
.studio-login__eyebrow { display: block; color: var(--clr-text-muted); font-size: .68rem; line-height: 1.7; letter-spacing: .2em; text-transform: uppercase; }
.studio-login__story { padding: 30px 0; }
.studio-login__tag { display: inline-block; margin-bottom: 24px; padding: 8px 12px; border-radius: 5px; background: var(--clr-pink); font-size: .7rem; }
.studio-login__story h2 { margin: 0 0 26px; font-family: var(--ff-Lora); font-size: clamp(2.2rem, 3.7vw, 3.6rem); line-height: 1.18; font-weight: 400; letter-spacing: -.045em; }
.studio-login__story > p { max-width: 390px; margin: 0; color: var(--clr-text-muted); font-size: .92rem; line-height: 1.9; }
.studio-login__details { display: flex; flex-direction: column; gap: 15px; margin-top: 38px; font-size: .82rem; }
.studio-login__details > span { display: flex; align-items: center; gap: 12px; }
.studio-login__dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--clr-green); }
.studio-login__signature { margin: 0; padding-top: 22px; border-top: 1px solid #e9e2cd; color: var(--clr-text-muted); font-size: .72rem; }
.studio-login__entry { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 72px clamp(28px, 4vw, 64px) 26px; }
.studio-login__form-wrap { width: 100%; max-width: 380px; margin: auto 0; padding: 32px 0 48px; }
.studio-login h1 { margin: 16px 0 14px; font-size: clamp(1.7rem, 2.3vw, 2.15rem); font-weight: 600; line-height: 1.25; letter-spacing: -.045em; }
.studio-login h1:focus { outline: none; }
.studio-login__intro { margin: 0 0 36px; color: var(--clr-text-muted); font-size: .86rem; line-height: 1.8; }
.studio-login__field { margin-bottom: 22px; }
.studio-login__field label { display: block; margin-bottom: 9px; font-size: .8rem; font-weight: 500; }
.studio-login__field input { display: block; width: 100%; min-width: 0; min-height: 51px; padding: 13px 15px; border: 1px solid var(--clr-border); border-radius: 7px; background: var(--clr-white); color: var(--clr-text); font: inherit; font-size: .95rem; transition: border-color .15s; }
.studio-login__field input:hover { border-color: #a7b9b1; }
.studio-login__field input:focus { border-color: var(--clr-green); outline: 3px solid var(--clr-mint); outline-offset: 1px; }
.studio-login__field input.invalid { border-color: #ac3a3a; }
.studio-login .validation-message { margin-top: 8px; color: #972d2d; font-size: .78rem; line-height: 1.6; }
.studio-login__error { margin-bottom: 24px; padding: 14px 16px; border: 1px solid #e5c2bf; border-radius: 8px; background: #fff3f1; color: #8f3030; font-size: .82rem; line-height: 1.7; }
.studio-login__submit { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; min-height: 52px; margin-top: 30px; padding: 14px 18px; border: 0; border-radius: 7px; background: var(--clr-green); color: var(--clr-white); font: inherit; font-size: .86rem; font-weight: 500; cursor: pointer; transition: background .15s; }
.studio-login__submit:hover { background: var(--clr-green-dark); }
.studio-login__submit:focus-visible { outline: 3px solid var(--clr-green); outline-offset: 4px; }
.studio-login__submit:disabled { opacity: .7; cursor: wait; }
.studio-login [hidden] { display: none !important; }
.studio-login__help { margin: 27px 0 0; color: var(--clr-text-muted); font-size: .75rem; line-height: 1.9; text-align: center; }
.studio-login__footer { width: 100%; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--clr-border); color: var(--clr-text-muted); font-size: .68rem; text-align: center; }
.studio-login__footer span { margin: 0 8px; }
@media (max-width: 900px) { .studio-login__welcome { padding: 36px; } .studio-login__entry { padding: 48px 32px 24px; } .studio-login__desktop-break { display: none; } }
@media (max-width: 680px) { .studio-login { align-items: flex-start; padding: 16px; } .studio-login__shell { grid-template-columns: minmax(0, 1fr); min-height: calc(100svh - 32px); border-radius: 20px; } .studio-login__welcome { gap: 0; padding: 26px 28px; } .studio-login__brand { gap: 8px; } .studio-login__wordmark { font-size: 1.8rem; } .studio-login__story, .studio-login__signature { display: none; } .studio-login__entry { padding: 30px 28px 22px; } .studio-login__form-wrap { max-width: 420px; padding: 6px 0 20px; } .studio-login h1 { margin-top: 12px; font-size: 1.8rem; } .studio-login__intro { margin-bottom: 28px; } }
@media (prefers-reduced-motion: reduce) { .studio-login input, .studio-login button { transition: none; } }

.login-language{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;font:14px Inter,sans-serif;color:#626b65}.login-language button{font:inherit;border:1px solid #e4e8e0;border-radius:7px;background:#fff;color:#29332f;padding:9px 12px;cursor:pointer}.add-user__field select{font:inherit;min-height:46px;padding:10px;border:1px solid #e4e8e0;border-radius:8px;width:100%}

.studio-login__form-wrap .login-language{width:100%;margin:0 0 28px;justify-content:flex-end;gap:8px;font-size:12px}.login-language .login-language__flag{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 10px}.login-language__flag img{display:block;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #29332f18}.login-language__flag[aria-pressed=true]{border-color:#298e7c;background:#eaf5ef;box-shadow:0 0 0 1px #298e7c}.login-language__flag:hover{background:#f3f7f3}.login-language__flag:focus-visible{outline:3px solid #298e7c;outline-offset:3px}@media(max-width:600px){.studio-login__form-wrap .login-language{justify-content:flex-start;margin-bottom:24px}}