.studio-login{min-height:100svh;padding:32px clamp(24px,6vw,96px) 22px;display:flex;flex-direction:column;color:#203c2e;background:radial-gradient(ellipse at 15% 65%,#e7eedf 0,transparent 55%),#f7f8f4}.login-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.login-header>span{font-size:10px;letter-spacing:1.8px;color:#718071;font-weight:600}.login-layout{width:100%;max-width:1120px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:clamp(48px,8vw,110px);gap:clamp(48px,8vw,110px);align-items:center;padding:48px 0}.login-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#657862}.login-intro h1{font-size:clamp(38px,4.5vw,60px);line-height:1.08;letter-spacing:-2.6px;font-weight:650;margin:22px 0}.login-intro>p{font-size:16px;line-height:1.7;color:#667466}.login-preview{margin-top:30px;background:#233f31;color:#f7faef;border:1px solid #385443;border-radius:20px;max-width:440px;box-shadow:0 24px 50px #253b3020;overflow:hidden}.login-preview-top{display:flex;gap:9px;align-items:center;padding:18px 20px;border-bottom:1px solid #ffffff12}.login-preview-top b{font-size:12px;font-weight:600}.login-preview-dot{height:7px;width:7px;border-radius:50%;background:#c3e58e}.login-preview-status{margin-left:auto;font-size:9px;color:#c0ceb9}.login-preview-body{padding:12px}.login-preview-task{display:flex;align-items:center;gap:13px;padding:14px 12px;border-radius:11px}.login-task-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffffff0b;color:#c7d8ba}.login-preview-task>div{flex:1 1}.login-preview-task b{display:block;font-size:13px;font-weight:600}.login-preview-task small{display:block;font-size:11px;margin-top:5px;color:#bbc9b5}.login-preview-task>svg{color:#b7d694}.login-preview-active{background:#dcebc8;color:#203c2e}.login-preview-active .login-task-icon{background:#203c2e0d;color:#203c2e}.login-preview-active small{color:#53684a}.login-preview-active>svg{color:#203c2e}.login-preview-note{display:flex;align-items:center;gap:8px;padding:4px 24px 18px;color:#c0ceb9;font-size:10px}.login-card{background:#fff;border:1px solid #e2e7dd;border-radius:24px;padding:clamp(28px,3.5vw,46px);box-shadow:0 20px 70px #273e3008}.login-card h2{font-size:30px;letter-spacing:-1.1px;line-height:1.2;font-weight:650;margin:15px 0 12px}.login-card>p{font-size:13px;color:#6f7b6b;line-height:1.6}.login-form{margin-top:30px}.login-form>label{display:block;margin:20px 0 9px;font-size:12px;font-weight:600;color:#405440}.login-form input{display:block;width:100%;box-sizing:border-box;height:50px;border:1px solid #dae2d5;border-radius:10px;padding:12px 14px;font-size:14px;color:#233f31;background:#fafbf8;transition:border-color .15s,box-shadow .15s}.login-form input::placeholder{color:#8b9685}.login-form input:focus{outline:2px solid #b2c995;outline-offset:2px;background:#fff}.login-password{position:relative}.login-password input{padding-right:48px}.login-password>button{position:absolute;right:6px;top:6px;width:38px;height:38px;display:grid;place-items:center;color:#73816c;border:0;background:transparent;border-radius:7px;cursor:pointer}.login-password>button:hover{background:#eef3e8}.login-submit{width:100%;height:50px;margin-top:27px;border:0;border-radius:10px;background:#244431;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #24443116;transition:background .15s}.login-submit>span{display:flex;align-items:center;justify-content:center;gap:14px}.login-submit:hover{background:#172f21}.login-password>button:focus-visible,.login-submit:focus-visible{outline:2px solid #8ba86d;outline-offset:3px}.login-submit:disabled{opacity:.7;cursor:wait}.login-form .login-error{font-size:12px;color:#a43b36;line-height:1.6;margin-top:13px;background:#fff2ef;padding:10px 12px;border-radius:8px}.login-secure{display:flex;justify-content:center;align-items:center;gap:6px;color:#788571;font-size:10px;margin-top:17px}.login-help{border-top:1px solid #edf0e7;margin-top:26px;padding-top:20px;color:#77836f;text-align:center;font-size:11px;line-height:1.6}.login-footer{display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#7a8772}.login-spinner{animation:login-spin 1s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@media(max-width:760px){.studio-login{padding:24px 20px}.login-header>span{display:none}.login-layout{grid-template-columns:1fr;max-width:430px;padding:36px 0;gap:28px}.login-intro h1{font-size:34px;letter-spacing:-1.5px;margin:14px 0}.login-intro>p{font-size:14px;margin-bottom:0}.login-intro .login-eyebrow{font-size:9px}.login-preview{display:none}.login-card{padding:28px 24px;border-radius:20px}.login-card h2{font-size:26px}.login-footer{justify-content:center}.login-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.login-spinner{animation:none}.login-form input,.login-submit{transition:none}}@media(min-width:761px){.login-layout{padding:32px 0}.login-preview-task{padding:10px 12px}.login-intro h1{font-size:clamp(38px,4.1vw,56px)}.login-card{padding:36px 44px}.login-form{margin-top:24px}}