/* Lightweight, original Vidia auth surface. Motion uses only opacity/transform. */
.studio-auth-page { --auth-accent:#8fe8ff; }
.studio-auth-page .studio-auth-shell { overflow:hidden; border-radius:28px; width:min(1260px,calc(100% - 48px)); min-height:min(820px,calc(100svh - 64px)); box-shadow:0 32px 100px #0006; }
.studio-auth-page .studio-auth-story { position:relative; isolation:isolate; overflow:hidden; padding:40px 48px; background:#111416; border-color:#293136; }
.studio-auth-page .studio-auth-story::before { content:''; position:absolute; z-index:-1; width:650px; height:650px; left:-220px; top:-200px; border-radius:50%; background:radial-gradient(ellipse,#63d8ff24,transparent 68%); animation:auth-ambient 12s ease-in-out infinite alternate; }
.studio-auth-page .studio-auth-brand img { width:44px; height:44px; box-shadow:0 0 28px #5dd4ff18; border-radius:12px; }
.studio-auth-page .studio-auth-brand strong { font-size:22px; letter-spacing:-.8px; }
.studio-auth-page .studio-auth-brand small { font-size:var(--text-xs); letter-spacing:2px; }
.studio-auth-page .studio-auth-story__copy { margin:48px 0 30px; }
.studio-auth-page .studio-auth-kicker { color:#b3d2dd; font-size:var(--text-xs); letter-spacing:2px; }
.studio-auth-page .studio-auth-kicker span { background:#86e0fb; box-shadow:0 0 12px #68d4ff60; }
.studio-auth-page .studio-auth-story h1 { font-size:clamp(42px,4.8vw,68px); font-weight:600; line-height:1.04; letter-spacing:-3px; margin:22px 0; }
.studio-auth-page .studio-auth-story h1 em { color:#b7efff; background:linear-gradient(115deg,#effcff 8%,#8fddf9 75%); background-clip:text; -webkit-text-fill-color:transparent; }
.studio-auth-page .studio-auth-story__description { color:#c0cbd2; max-width:370px; font-size:14px; line-height:1.75; }
.studio-auth-page .studio-auth-art { max-width:470px; margin:30px 0 16px; transform:none; border-radius:16px; border-color:#425361; background:#1b252c; box-shadow:0 22px 55px #0005,0 0 45px #53cfff08; }
.studio-auth-page .studio-auth-art__scene { filter:saturate(.7); max-height:178px; width:100%; }
.studio-auth-page :is(.studio-auth-art__top,.studio-auth-art__caption,.studio-auth-timeline) { background:#172026; border-color:#34434e; }
.studio-auth-page .studio-auth-art__live { color:#b8e7f5; }
.studio-auth-page .studio-auth-art__live i { background:#8fe3fd; box-shadow:0 0 9px #7ad4ff70; }
.studio-auth-page .studio-auth-content { background:var(--theme-bg); padding:60px 48px 26px; }
.studio-auth-page .studio-auth-content__inner { max-width:370px; }
.studio-auth-page .studio-auth-panel__eyebrow { color:var(--theme-muted); letter-spacing:2px; margin-bottom:16px; }
.studio-auth-page .studio-auth-heading h2 { font-size:34px; line-height:1.16; color:var(--theme-text); letter-spacing:-1.3px; }
.studio-auth-page .studio-auth-heading p { color:var(--theme-muted); font-size:14px; line-height:1.7; }
.studio-auth-page .rn-auth-card__header h1 { color:var(--theme-text); font-size:32px; line-height:1.2; letter-spacing:-1px; }
.studio-auth-page :is(.rn-auth-card__header p,.rn-muted,.studio-auth-hint) { color:var(--theme-muted); line-height:1.7; }
.studio-auth-page .studio-auth-tabs { margin:30px 0 28px; gap:0; padding:4px; border:1px solid var(--theme-line); border-radius:11px; background:var(--theme-surface); }
.studio-auth-page .studio-auth-tabs :is(a,span) { flex:1; border:0; border-radius:7px; padding:11px 15px; text-align:center; color:var(--theme-muted); font-size:13px; }
.studio-auth-page .studio-auth-tabs .is-active { color:var(--theme-text); background:var(--theme-surface-raised); box-shadow:0 2px 6px #0002; }
.studio-auth-page .studio-auth-form { gap:21px; }
.studio-auth-page .studio-auth-field label { color:var(--theme-text); font-size:13px; }
.studio-auth-page .studio-auth-field__label-row a { color:var(--shell-accent); font-size:12px; }
.studio-auth-page .auth-input { min-height:52px; height:52px; border-radius:11px; padding:14px 16px; font-size:15px; border-color:var(--theme-line); transition:border-color .2s,box-shadow .2s; }
.studio-auth-page .auth-input:focus { border-color:var(--shell-accent); box-shadow:0 0 0 3px #66d4ff1c; }
.studio-auth-page .studio-auth-password .auth-input { padding-right:82px; }
.studio-auth-page .studio-auth-password__toggle { color:var(--theme-muted); min-height:44px; padding:0 15px; }
.studio-auth-page .studio-auth-submit { position:relative; isolation:isolate; overflow:hidden; min-height:var(--control-height); height:auto; padding:15px 20px; border:1px solid #b5efff60; border-radius:var(--control-radius); background:var(--action-gradient); color:var(--action-text); box-shadow:0 7px 26px #55c8ff20; font-size:var(--control-font); font-weight:700; transition:box-shadow .2s,filter .2s; }
.studio-auth-page .studio-auth-submit:hover:not(:disabled) { background:var(--action-hover); color:var(--action-text); box-shadow:0 8px 30px #55c8ff30; }
.studio-auth-page .studio-auth-quick-link { color:var(--theme-muted); border-color:var(--theme-line); }
.studio-auth-page .studio-auth-quick-link a { color:var(--theme-text); font-size:13px; }
.studio-auth-page .studio-auth-privacy { color:var(--theme-muted); font-size:var(--text-xs); line-height:1.7; }
.studio-auth-page .studio-auth-copyright,.studio-auth-page .studio-auth-copyright a { color:var(--theme-muted); font-size:var(--text-xs); }
.studio-auth-page :is(a,button,input):focus-visible { outline-color:var(--shell-accent); }
.studio-auth-explore { display:block; margin-top:22px; padding:10px; color:var(--theme-muted); text-align:center; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.studio-auth-explore:hover { color:var(--theme-text); }
html[data-theme=light] .studio-auth-page .studio-auth-story h1 em { color:#17637e; background-image:linear-gradient(115deg,#143e57,#167993); }
html[data-theme=light] .studio-auth-page .studio-auth-kicker { color:#35596a; }
html[data-theme=light] .studio-auth-page .studio-auth-shell { box-shadow:0 24px 75px #16324720; }
@keyframes auth-ambient { to { transform:translate(100px,65px); opacity:.65; } }
@media(max-width:1000px) { .studio-auth-page .studio-auth-shell { width:calc(100% - 32px); grid-template-columns:1fr 1fr; } .studio-auth-page .studio-auth-story { padding:36px 32px; } .studio-auth-page .studio-auth-content { padding:48px 28px 24px; } .studio-auth-page .studio-auth-story h1 { font-size:48px; letter-spacing:-2px; } }
@media(max-width:760px) { .studio-auth-page .studio-auth-shell { width:calc(100% - 24px); min-height:calc(100svh - 24px); margin:12px auto; border-radius:20px; } .studio-auth-page .studio-auth-content { min-height:calc(100svh - 26px); padding:32px 24px 24px; } .studio-auth-page .studio-auth-brand--mobile { margin-bottom:34px; } .studio-auth-page .studio-auth-heading h2 { font-size:30px; } .studio-auth-page .auth-input { font-size:16px; } }
@media(max-height:740px) and (min-width:761px) { .studio-auth-page .studio-auth-shell { min-height:calc(100svh - 40px); margin:20px auto; } .studio-auth-page .studio-auth-story__copy { margin:28px 0 20px; } .studio-auth-page .studio-auth-art { display:block; margin:22px 0 10px; } .studio-auth-page .studio-auth-art__scene { max-height:110px; } .studio-auth-page .studio-auth-content { padding-top:36px; } }
@media(prefers-reduced-motion:reduce) { .studio-auth-page .studio-auth-story::before { animation:none; } }
html[data-motion=paused] .studio-auth-page .studio-auth-story::before { animation-play-state:paused; }