.login{background:var(--studio-canvas);grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);min-height:100dvh;display:grid}.login-visual{background:var(--studio-sidebar);color:#fff;isolation:isolate;border-radius:22px;margin:14px 0 14px 14px;position:relative;overflow:hidden}.login-visual-image{object-fit:cover;animation:26s ease-in-out infinite alternate login-drift;transform:scale(1.06)}.login-visual-shade{background:linear-gradient(#13261ecc 0%,#13261e33 34%,#13261e55 58%,#10201aee 100%),radial-gradient(at 80% 20%,#d5e6a322,#0000 55%);position:absolute;inset:0}.login-visual-brand{z-index:1;letter-spacing:-1.3px;align-items:center;gap:10px;font-size:27px;font-weight:650;line-height:1;display:flex;position:absolute;top:34px;left:38px}.login-visual-brand small{letter-spacing:2.1px;color:#c4d1c2;margin-top:7px;font-size:7px;font-weight:450;display:block}.login-visual .studio-brand-mark{width:40px;height:40px}.login-visual-brand{letter-spacing:-.6px;font-size:25px;font-weight:700}.login-orbit{z-index:1;-webkit-backdrop-filter:blur(10px);letter-spacing:1px;background:#ffffff1f;border:1px solid #ffffff80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:76px;font-size:11px;animation:6s ease-in-out infinite login-float;display:flex;position:absolute;top:34px;right:38px}.login-orbit:after{content:"";border:1px dashed #d5e6a366;border-radius:50%;animation:22s linear infinite login-spin;position:absolute;inset:-9px}.login-visual-copy{z-index:1;max-width:520px;position:absolute;bottom:40px;left:38px;right:38px}.login-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1.4px;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:9px;font-weight:600;display:inline-flex}.login-chip .studio-live-dot{background:var(--studio-accent);box-shadow:0 0 0 3px #d5e6a333}.login-visual-title{letter-spacing:-1.6px;margin:18px 0 22px;font-size:clamp(30px,3.4vw,46px);font-weight:550;line-height:1.1}.login-visual-title span{color:var(--studio-accent)}.login-features{gap:10px;margin:0;padding:0;list-style:none;display:grid}.login-features li{color:#dfe7da;align-items:center;gap:10px;font-size:13px;display:flex}.login-features svg{width:28px;height:28px;color:var(--studio-accent);background:#ffffff17;border-radius:8px;flex-shrink:0;padding:6px}.login-panel{place-items:center;padding:40px 28px;display:grid}.login-card{width:min(400px,100%);animation:.52s cubic-bezier(.2,.8,.2,1) both login-rise}.login-mobile-brand{display:none}.login-card h1{letter-spacing:-1.2px;color:var(--studio-ink);margin:10px 0 6px;font-size:32px;font-weight:600;line-height:1.15}.login-lead{color:var(--studio-muted);font-size:14px}.login-alert{color:var(--studio-danger);background:#fcf1ef;border:1px solid #efcfc9;border-radius:10px;align-items:flex-start;gap:9px;margin-top:22px;padding:11px 13px;font-size:12.5px;line-height:1.5;animation:.32s login-shake;display:flex}.login-alert svg{flex-shrink:0;margin-top:1px}.login-form{gap:18px;margin-top:26px;display:grid}.login-field{gap:7px;display:grid}.login-field>span:first-child{color:var(--studio-ink);font-size:12px;font-weight:600}.login-input{border:1px solid var(--studio-line);background:var(--studio-surface);color:#8a958b;border-radius:11px;align-items:center;gap:10px;min-height:50px;padding:0 6px 0 14px;transition:border-color .16s,box-shadow .16s,color .16s;display:flex}.login-input:hover{border-color:#cfd8c6}.login-input:focus-within{border-color:var(--studio-primary);color:var(--studio-primary);box-shadow:0 0 0 4px #365b421a}.login-input input{min-width:0;height:48px;color:var(--studio-ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.login-input input::placeholder{color:#a7afa6}.login .login-input input:focus-visible{outline:none}.login-reveal{color:#7d887e;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.login-reveal:hover{color:var(--studio-primary);background:#f0f3eb}.login .login-reveal:focus-visible{outline-offset:0}.login-submit{border-radius:11px;width:100%;min-height:50px;margin-top:6px;font-size:13.5px;font-weight:600}.login-submit svg{transition:transform .2s}.login-submit:hover:not(:disabled) svg{transform:translate(3px)}.login-submit:disabled{opacity:.8;cursor:progress}.login-spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-spin}.login-foot{color:var(--studio-muted);justify-content:center;align-items:center;gap:6px;margin-top:26px;font-size:11.5px;display:flex}@keyframes login-drift{0%{transform:scale(1.06)translate(0,0)}to{transform:scale(1.14)translate(-2%,-1.5%)}}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes login-shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width:900px){.login{grid-template-columns:1fr}.login-visual{display:none}.login-panel{background:radial-gradient(ellipse at top, #eef3e5, var(--studio-canvas) 60%);padding:32px 22px}.login-mobile-brand{color:var(--studio-ink);letter-spacing:-1px;align-items:center;gap:9px;margin-bottom:30px;font-size:24px;font-weight:650;display:flex}.login-mobile-brand .studio-brand-mark{width:36px;height:36px;box-shadow:0 6px 16px #1f3a2c33}.login-mobile-brand{letter-spacing:-.6px;font-weight:700}.login-mobile-brand .brand-word-accent{color:#6f8b4f}}@media (prefers-reduced-motion:reduce){.login-visual-image,.login-orbit,.login-orbit:after,.login-card,.login-alert{animation:none}}