/* Login only: stable identity, movement as progressive enhancement. */
.login-studio{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:40px;background:#f3f3f1;background-image:radial-gradient(#11111116 1px,transparent 1px);background-size:22px 22px}
.login-studio .login-layout{width:min(1040px,100%);min-height:640px;grid-template-columns:49% 51%;border-radius:28px;overflow:hidden;border:1px solid #dededb;box-shadow:0 30px 90px #11111112;animation:login-appear .65s ease both}
.login-studio .login-story{min-height:0;padding:38px 40px;background:#111;isolation:isolate;justify-content:space-between}
.login-studio .login-story:before{display:block;inset:0;height:auto;z-index:-1;background:radial-gradient(circle at var(--light-x,65%) var(--light-y,65%),#e4291a26,transparent 55%);transition:opacity .3s}
.login-studio .login-story:after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(transparent,#000)}
.login-studio .brand{align-self:flex-start}.studio-message{margin-top:43px;z-index:1}.studio-eyebrow,.entry-eyebrow{font-size:10px;letter-spacing:2px;font-weight:500}.studio-eyebrow{color:#a8a8a8}.studio-message h2{font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-3px;font-weight:500;margin:15px 0 0;color:#fff}.studio-message h2 span{color:#E4291A}
.studio-machine{height:260px;width:100%;max-width:340px;align-self:center;position:relative;margin:3px 0 8px;transition:transform .35s ease;transform:perspective(700px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}
.machine-ring{position:absolute;left:50%;top:50%;border:1px solid #ffffff20;border-radius:50%;transform:translate(-50%,-50%)}.ring-outer{width:245px;height:245px;border-style:dashed;animation:machine-turn 65s linear infinite}.ring-inner{width:175px;height:175px;border-color:#e4291a65;box-shadow:0 0 50px #e4291a0d}
.machine-axis{position:absolute;background:#ffffff0d;left:50%;top:50%;transform:translate(-50%,-50%)}.axis-x{width:100%;height:1px}.axis-y{height:100%;width:1px}
.machine-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);display:grid;place-items:center;width:104px;height:104px;border-radius:30px;background:#E4291A;box-shadow:0 18px 60px #e4291a33,inset 0 1px 0 #ffffff60;transition:transform .4s,box-shadow .4s}.machine-core .icon{width:48px;height:48px;color:#fff;stroke-width:1.5}.login-studio:focus-within .machine-core{transform:translate(-50%,-50%) rotate(0deg);box-shadow:0 18px 75px #e4291a55}
.machine-node{position:absolute;display:grid;place-items:center;width:47px;height:47px;background:#242424;border:1px solid #444;border-radius:15px;color:#ddd;box-shadow:0 10px 20px #0003;animation:node-float 5s ease-in-out infinite}.machine-node .icon{width:22px;height:22px}.node-one{right:25px;top:52px;background:#fff;color:#111;animation-delay:-1s}.node-two{left:28px;top:30px;animation-delay:-3s}.node-three{left:70px;bottom:2px;animation-delay:-2s}
.studio-caption{display:flex;align-items:center;gap:9px;font-size:11px;color:#aaa;line-height:1.6}.studio-caption>span{width:6px;height:6px;border-radius:50%;background:#E4291A;flex:none}
.login-studio .login-form-side{min-height:0;padding:54px;background:#fff}.login-studio .login-form-wrap{max-width:350px}.login-entry-icon{width:46px;height:46px;border:1px solid #e6e6e6;border-radius:15px;display:grid;place-items:center;margin-bottom:33px;color:#E4291A}.login-entry-icon .icon{width:23px;height:23px}.entry-eyebrow{color:#777;font-size:9px;letter-spacing:1.7px}.login-studio h1{font-size:38px;font-weight:500;letter-spacing:-1.7px;line-height:1.2;margin:10px 0 0;color:#111}.login-studio h1>span{color:#E4291A}.login-studio .entry-subtitle{font-size:13px;color:#777;margin-top:9px}.login-studio .login-form{margin-top:32px}.login-studio .login-form .field{margin-bottom:21px}.login-studio .login-form .field label{font-size:12px;color:#444;font-weight:500}.login-studio .login-form .field input{font-size:16px;min-height:54px;border-radius:12px;background:#fafafa;border-color:#dedede;transition:background .2s,box-shadow .2s,border-color .2s}.login-studio .login-form .field input:focus{background:#fff;border-color:#E4291A;box-shadow:0 0 0 4px #e4291a10;outline:0}.login-studio .password-toggle{top:8px;bottom:8px}.login-studio .password-toggle:focus-visible{outline:2px solid #E4291A;outline-offset:2px}.login-studio .login-submit{min-height:54px;border-radius:12px;font-size:14px;background:#E4291A;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 5px 13px #e4291a20}.login-studio .login-submit:hover{background:#c82316;transform:translateY(-2px);box-shadow:0 8px 20px #e4291a35}.login-studio .login-submit:active{transform:translateY(0)}.login-studio .login-submit .icon{transition:transform .2s}.login-studio .login-submit:hover .icon{transform:translateX(4px)}.login-studio .login-help{font-size:11px;margin:25px 0 0;color:#777}.caps-warning{color:#a71e14;font-size:11px;margin:8px 0 0}.caps-warning[hidden]{display:none}
@keyframes login-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes machine-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes node-float{50%{transform:translateY(-7px)}}
@media(max-width:800px){.login-studio{padding:24px}.login-studio .login-layout{max-width:470px;grid-template-columns:1fr;min-height:0;border-radius:24px}.login-studio .login-story{display:flex;padding:26px 30px;min-height:0}.studio-message,.studio-machine,.studio-caption{display:none}.login-studio .login-form-side{padding:36px 32px 40px}.login-entry-icon{margin-bottom:22px;width:40px;height:40px}.login-studio h1{font-size:34px}.login-studio .login-form{margin-top:27px}}
@media(max-width:380px){.login-studio{padding:12px}.login-studio .login-form-side{padding:30px 24px}.login-studio .login-story{padding:24px}.login-studio h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.login-studio .login-layout,.machine-node,.ring-outer{animation:none}.studio-machine,.machine-core,.login-studio .login-submit,.login-studio .login-submit .icon{transition:none;transform:none}.machine-core,.login-studio:focus-within .machine-core{transform:translate(-50%,-50%)}}
/* Desktop login fills the viewport; mobile keeps its compact card. */
@media(min-width:801px){
  .login-studio{padding:0;background:#fff;display:block}
  .login-studio .login-layout{width:100%;min-height:100vh;min-height:100svh;border:0;border-radius:0;box-shadow:none;grid-template-columns:49% 51%}
  .login-studio .login-story{padding:clamp(36px,4vw,72px);min-height:100vh;min-height:100svh}
  .studio-message{margin-top:clamp(35px,6vh,85px)}
  .studio-message h2{font-size:clamp(58px,6vw,96px)}
  .studio-machine{height:clamp(260px,34vh,370px);max-width:420px;margin:auto 0}
  .login-studio .login-form-side{padding:clamp(40px,6vw,100px)}
  .login-studio .login-form-wrap{max-width:390px}
}