:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; }
body { margin: 0; min-height: 100vh; background: #090909; color: #f7f7f5; }
.studio-auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; box-sizing: border-box; background: radial-gradient(circle at 75% 8%, #222 0, transparent 30%), #090909; }
.studio-auth-card { width: min(100%, 440px); padding: 38px; border: 1px solid #373737; border-radius: 26px; background: rgba(20,20,20,.94); box-shadow: 0 30px 80px rgba(0,0,0,.42); }
.studio-auth-mark { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #f7f7f5; color: #080808; font-size: 24px; font-weight: 900; }
.studio-auth-eyebrow { margin: 26px 0 8px; color: #a5a5a5; letter-spacing: .14em; font-size: 11px; font-weight: 800; }
.studio-auth-card h1 { margin: 0; font-size: 36px; letter-spacing: -.06em; }
.studio-auth-card > p:not(.studio-auth-eyebrow):not(.studio-auth-note) { color: #bdbdbd; line-height: 1.65; }
.studio-auth-form { display: grid; gap: 14px; margin-top: 28px; }
.studio-auth-form label { display: grid; gap: 7px; color: #d8d8d8; font-size: 13px; }
.studio-auth-form input { min-height: 46px; border: 1px solid #444; border-radius: 11px; background: #111; color: #fff; padding: 0 13px; font: inherit; box-sizing: border-box; }
.studio-auth-form button { min-height: 48px; border: 0; border-radius: 11px; background: #f6f6f4; color: #0a0a0a; font: 800 15px/1 inherit; cursor: pointer; }
.studio-auth-form button:disabled { opacity: .6; cursor: wait; }
.studio-auth-message { margin: 0; color: #ffaaa2; font-size: 13px; line-height: 1.45; }
.studio-auth-note { margin: 20px 0 0; color: #878787; font-size: 12px; line-height: 1.5; }