/* V144 — Studio Auth: Quiet premium corporate design, shared by login/recovery. */
:root { --studio144-ink:#16283d;--studio144-accent:#235d9d; }
html:has(.studio144-auth){min-height:100%;}
body.studio-login-body:has(.studio144-auth){margin:0!important;min-height:100vh;background:#e9eef4!important;color:#16283d!important;font-family:Manrope,Inter,Arial,sans-serif!important;}
.studio144-auth,.studio144-auth *{box-sizing:border-box;}
.studio144-auth{min-height:100vh;display:grid;place-items:center;padding:34px;background:linear-gradient(145deg,#e7edf4,#f4f6f9 55%,#e6ecf3);}
.studio144-frame{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);width:min(1140px,100%);min-height:665px;overflow:hidden;background:#fff;border:1px solid #dbe3eb;border-radius:18px;box-shadow:0 35px 90px rgba(24,42,64,.13),0 7px 16px rgba(32,49,69,.05);}
.studio144-visual{background:#102d4e;color:white;padding:42px 51px 35px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;position:relative;overflow:hidden;}
.studio144-visual:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 95% 20%,rgba(77,143,207,.14),transparent 41%),linear-gradient(145deg,#0d253f 0%,#16385e 72%,#19456e);}
.studio144-visual:after{content:"";position:absolute;z-index:-1;width:560px;height:560px;border-radius:50%;border:1px solid rgba(211,227,247,.09);right:-360px;bottom:-190px;box-shadow:0 0 0 64px rgba(206,224,244,.027),0 0 0 132px rgba(206,224,244,.018);}
.studio144-brand{display:flex;align-items:center;gap:16px;position:relative;z-index:1;}
.studio144-brand img{width:64px;height:62px;object-fit:contain;filter:drop-shadow(0 4px 9px rgba(0,0,0,.18))}
.studio144-brand strong{display:block;font-size:18px;line-height:1.1;letter-spacing:.025em;font-weight:800;color:#fff;}
.studio144-brand span{display:block;margin-top:5px;font-size:10px;letter-spacing:.20em;font-weight:700;color:#8eafce;}
.studio144-visual-body{position:relative;z-index:1;padding:35px 0;max-width:470px;}
.studio144-accent{width:42px;height:3px;border-radius:3px;background:#78b1e9;margin:0 0 24px;}
.studio144-intro-label{letter-spacing:.19em;font-size:10px;font-weight:800;color:#a6c5e5;margin:0 0 23px;}
.studio144-visual h1{font-weight:750;font-size:clamp(38px,3.75vw,53px);line-height:1.19;letter-spacing:-.055em;color:#fff;margin:0 0 21px;}
.studio144-visual h1 span{color:#b7d5f3;}
.studio144-visual-body>p{max-width:390px;color:#b7cbe0;font-size:14px;line-height:1.9;margin:0;}
.studio144-feature-list{display:grid;gap:15px;margin-top:40px;}
.studio144-feature-list>div{display:flex;align-items:center;gap:13px;font-size:12px;color:#cfdeec;}
.studio144-feature-list i{display:grid;place-items:center;width:27px;height:27px;flex:none;color:#8fbde9;font-size:18px;}
.studio144-visual-footer{display:flex;justify-content:space-between;gap:15px;color:#7399be;letter-spacing:.12em;font-size:9px;font-weight:800;}
.studio144-right{display:flex;align-items:center;justify-content:center;position:relative;background:#fff;padding:68px 66px;}
.studio144-form-box{max-width:384px;width:100%;padding-bottom:27px;}
.studio144-topline{display:flex;align-items:center;gap:9px;font-weight:800;font-size:10px;letter-spacing:.15em;color:#798fa8;margin-bottom:52px;}
.studio144-topdot{display:block;width:7px;height:7px;border-radius:50%;background:#397eaf;}
.studio144-eyebrow{font-size:10px;font-weight:800;color:#3976b5;letter-spacing:.17em;margin:0 0 13px;}
.studio144-auth h2{font-weight:800;font-size:clamp(28px,2.5vw,36px);letter-spacing:-.055em;line-height:1.2;color:#112b48;margin:0 0 12px;}
.studio144-period{color:#2d78ba;}
.studio144-subtitle{color:#7a8ca0;font-size:13px;line-height:1.8;max-width:350px;margin:0 0 33px;}
.studio144-form label:not(.studio144-check){display:block;font-size:12px;font-weight:750;color:#344b61;margin-bottom:9px;}
.studio144-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 9px;}
.studio144-label-row label{margin:0!important;}
.studio144-label-row a,.studio144-inline-link,.studio144-back{font-size:11px;font-weight:750;color:#2e6fac;text-decoration:none;}
.studio144-label-row a:hover,.studio144-inline-link:hover,.studio144-back:hover{text-decoration:underline;}
.studio144-field{height:52px;display:flex;align-items:center;gap:13px;border:1px solid #d7e1ea;background:#f9fbfd;border-radius:9px;padding:0 15px;transition:background .2s,border-color .2s,box-shadow .2s;}
.studio144-field:focus-within{background:#fff;border-color:#6c9cc9;box-shadow:0 0 0 3px #eaf3fd;}
.studio144-field>i{font-size:16px;color:#849cb1;flex:none;}
.studio144-field input{width:100%;min-width:0;height:100%;font-size:13px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#1a364e;padding:0!important;}
.studio144-field input::placeholder{color:#9aaaba;}
.studio144-field button{border:0;background:transparent;color:#819aaf;flex:none;line-height:1;padding:7px;}
.studio144-check{display:flex!important;align-items:center;gap:9px;color:#70849a;font-size:12px;margin:23px 0 27px;cursor:pointer;}
.studio144-check input{width:15px;height:15px;accent-color:#225e9e;}
.studio144-primary{border:0;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:13px;width:100%;padding:16px 18px;min-height:53px;color:#fff!important;text-decoration:none!important;background:#1f5b98;font-size:13px;font-weight:800;box-shadow:0 7px 16px rgba(28,74,127,.15);transition:background .2s,transform .2s;}
.studio144-primary:hover{background:#164a7d;transform:translateY(-1px);}
.studio144-primary i{font-size:19px;}
.studio144-form-footer{display:flex;align-items:center;gap:9px;color:#8a9bae;border-top:1px solid #edf1f5;margin-top:28px;padding-top:22px;font-size:11px;line-height:1.6;}
.studio144-form-footer i{color:#4a9b81;font-size:15px;}
.studio144-copyright{position:absolute;bottom:24px;left:28px;right:28px;text-align:center;color:#a0adbb;font-size:10px;}
.studio144-copyright span{margin:0 5px;}
.studio144-error:empty,.studio144-error.validation-summary-valid{display:none;}
.studio144-error:not(:empty){color:#a82732;font-size:12px;margin-bottom:12px;}
.studio144-error ul{padding-left:18px;margin:0;}
.studio144-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:29px;}
.studio144-form > .studio144-primary{margin-top:24px;}
.studio144-form .studio144-check + .studio144-primary{margin-top:0;}
.studio144-success-icon{display:grid;place-items:center;height:56px;width:56px;background:#e8f6f1;color:#238667;border:1px solid #d0eee0;border-radius:13px;font-size:26px;margin-bottom:27px;}
.studio144-information{background:#f5f8fc;border-left:3px solid #669bd1;border-radius:5px;padding:14px 16px;margin:0 0 24px;font-size:12px;color:#5d7388;line-height:1.75;}
.studio144-inline-link{display:inline-block;margin-top:22px;}
@media(max-width:1020px){.studio144-frame{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.studio144-visual{padding:35px}.studio144-right{padding:62px 45px}.studio144-visual h1{font-size:40px;}}
@media(max-width:760px){.studio144-auth{padding:16px;place-items:start center}.studio144-frame{max-width:520px;min-height:0;grid-template-columns:1fr}.studio144-visual{padding:20px 27px}.studio144-brand img{height:45px;width:49px}.studio144-brand strong{font-size:15px}.studio144-brand span{font-size:8px}.studio144-visual-body,.studio144-visual-footer{display:none}.studio144-right{padding:42px 32px 64px}.studio144-topline{margin-bottom:32px}.studio144-form-box{padding-bottom:10px}.studio144-copyright{bottom:17px}.studio144-auth h2{font-size:30px}.studio144-subtitle{margin-bottom:25px}}
@media(max-width:400px){.studio144-auth{padding:9px}.studio144-frame{border-radius:12px}.studio144-right{padding:36px 23px 58px}.studio144-auth h2{font-size:27px}.studio144-label-row a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio144-auth *{transition:none!important;animation:none!important}}