.studio-login{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:#f8fbfd;color:#183344}.auth-story{background:#e5f5fc;padding:40px clamp(26px,5vw,80px);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:before{content:'';position:absolute;width:650px;height:650px;border:1px solid #b9e2f2;border-radius:50%;left:40%;top:32%;pointer-events:none}.auth-story:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #b9e2f2;border-radius:50%;left:53%;top:43%;pointer-events:none}.auth-brand{display:flex;gap:10px;align-items:center;font-size:24px;letter-spacing:-1px}.auth-brand img{width:42px}.auth-brand em{font-style:normal;color:#087fa8}.auth-copy{margin:auto 0;position:relative;z-index:1;padding:60px 0}.auth-copy .eyebrow{color:#568da4}.auth-copy h1{font-size:clamp(38px,4.8vw,66px);margin:20px 0;letter-spacing:-2px;line-height:1.08}.auth-copy h1 span{color:#239cc3}.auth-copy p{max-width:330px;color:#6e929f;line-height:1.8}.auth-story>small{font-size:10px;color:#7398a8;letter-spacing:1px}.auth-access{display:flex;align-items:center;justify-content:center;padding:50px 30px}.auth-access form{width:100%;max-width:360px}.auth-access h2{font-size:30px;margin:12px 0 10px;letter-spacing:-1px}.auth-access form>p{font-size:12px;color:#7c95a4;line-height:1.8;margin-bottom:28px}.auth-access input{font-size:14px;padding:13px}.auth-access .button{width:100%;padding:13px;font-size:13px}.auth-access .field{margin-top:18px}.auth-access .auth-note{font-size:10px;text-align:center;margin:22px 0 0;color:#91a4b1}.auth-error{color:#b04c5d!important;margin:15px 0!important;font-size:12px!important}#sync-banner{position:fixed;bottom:18px;right:18px;z-index:95;background:#eaf7fc;border:1px solid #b4ddec;box-shadow:0 6px 24px #18334419;padding:12px 15px;border-radius:9px;display:flex;gap:12px;align-items:center;max-width:min(600px,calc(100% - 36px));font-size:11px;color:#356d82}#sync-banner.error{background:#fff3e8;border-color:#efd3ae;color:#94602d}#sync-banner button{border:0;background:transparent;color:inherit;font-weight:600;cursor:pointer;text-decoration:underline;font-size:11px}.logout-icon{font-size:18px}@media(max-width:650px){.studio-login{grid-template-columns:1fr}.auth-story{padding:23px 26px}.auth-copy{padding:32px 0 14px}.auth-copy h1{font-size:38px;margin:14px 0}.auth-copy p,.auth-story>small,.auth-copy .eyebrow{display:none}.auth-access{padding:30px 26px 50px;align-items:flex-start}.auth-brand{font-size:20px}.auth-brand img{width:34px}}
