*{box-sizing:border-box}body{margin:0;color:#192a43;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}.auth-page{min-height:100vh;display:flex;flex-direction:column}.auth-header{width:min(1320px,calc(100% - 96px));margin:0 auto;min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.auth-brand{display:flex;align-items:center;gap:12px;color:#1b2c45;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.6px}.auth-brand img{width:44px;height:44px}.auth-brand small{display:block;font-size:9px;letter-spacing:2.2px;margin-top:5px;color:#718099;font-weight:600}.header-caption{font-size:12px;color:#738095;display:flex;align-items:center;gap:25px}.region{border-left:1px solid #dce2ec;padding-left:25px;color:#263c59}.auth-main{display:grid;grid-template-columns:1.2fr 1fr;width:min(1320px,calc(100% - 96px));margin:10px auto 30px;background:white;border:1px solid #e1e7f0;border-radius:20px;overflow:hidden;box-shadow:0 18px 60px #1c345509;flex:1;max-height:900px}.garage-story{background:radial-gradient(ellipse at 80% 50%,#244773 0,transparent 65%),linear-gradient(145deg,#13263f,#182e4c);padding:38px 40px 29px;color:#fff;display:flex;flex-direction:column;position:relative}.story-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.workspace-label{font-size:10px;letter-spacing:2px;color:#afc5e0;display:flex;align-items:center;gap:9px}.workspace-label>span{width:6px;height:6px;background:#8db9ff;border-radius:50%}.demo-badge{font-size:9px;letter-spacing:1.2px;border:1px solid #6b85a455;border-radius:5px;padding:5px 8px;color:#c3d5ed}h1{font-size:clamp(30px,3vw,44px);line-height:1.18;letter-spacing:-1.6px;font-weight:650;margin:31px 0 16px}h1 em{font-style:normal;color:#8eb9ff}.story-description{color:#b4c5db;font-size:14px;line-height:1.8;margin:0}.workshop-scene{margin:27px 0 26px;border:1px solid #6e8bae40;border-radius:12px;background:linear-gradient(120deg,#33507822,#152b4800);padding:17px 17px 16px}.scene-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#8fa9cb}.workshop-scene svg{display:block;width:100%;max-height:235px;margin:9px 0 2px}.scene-flow{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;color:#bfd0e7;padding:0 17px}.scene-flow i{font-style:normal;color:#6c8bad}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}.feature-icon{display:block;font-size:10px;color:#8db7f7;margin-bottom:10px;font-weight:650}.feature-grid strong{font-size:12px;display:block;font-weight:600}.feature-grid p{font-size:10px;line-height:1.7;color:#9fb4d1;margin:7px 0 0}.garage-signature{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:22px;border-top:1px solid #839cbc30}.location-pin{font-size:27px;color:#8db9ff}.garage-signature strong{display:block;font-size:12px;font-weight:600}.garage-signature div>span{display:block;font-size:10px;color:#9fb4d1;margin-top:6px}.signature-rule{width:35px;height:2px;background:#5e8bce;margin-left:auto}.sign-in-side{display:flex;align-items:center;justify-content:center;padding:42px}.sign-in-content{width:100%;max-width:360px}.login-eyebrow{font-size:9px;letter-spacing:2px;color:#587699;font-weight:600}h2{font-size:34px;letter-spacing:-1.2px;font-weight:650;margin:13px 0 10px}.login-description{font-size:13px;color:#7a879a;margin:0 0 28px}.workspace-card{display:flex;align-items:center;gap:12px;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:9px;padding:14px;margin-bottom:27px}.workspace-card img{width:32px}.workspace-card small{display:block;font-size:8px;letter-spacing:1.25px;color:#7e8ba0;margin-bottom:5px}.workspace-card strong{display:block;font-size:12px;font-weight:600}.workspace-card>span{margin-left:auto;color:#9bacbf}.auth-form label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.auth-form input:not([type=hidden]){width:100%;height:48px;border:1px solid #dbe3ee;border-radius:7px;padding:0 13px;font:inherit;font-size:13px;background:#fff;outline:none;color:#192a43}.auth-form input::placeholder{color:#a0aabc}.auth-form input:focus{border-color:#2463eb;box-shadow:0 0 0 3px #2463eb16}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.password-label a{font-size:11px;color:#2463eb;text-decoration:none;margin-bottom:9px}.password-label a:hover{text-decoration:underline}.password-field{position:relative}.password-field input{padding-right:64px!important}.password-field button{position:absolute;right:4px;top:4px;height:40px;border:0;background:transparent;padding:0 13px;font-size:11px;color:#667c9a;cursor:pointer}.submit-login{margin-top:25px;width:100%;height:48px;background:#2463eb;border:0;border-radius:7px;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;box-shadow:0 5px 12px #2463eb20}.submit-login:hover{background:#174ec5}.submit-login>span{font-size:19px;font-weight:400}.access-note{text-align:center;color:#8693a7;font-size:10px;margin:17px 0 26px}.access-note span{color:#7496c7;margin-right:5px}.demo-note{padding:14px 16px;border-radius:8px;background:#f5f8fe;border-left:3px solid #b0c9f6}.demo-note strong{font-size:11px;color:#405b80}.demo-note p{font-size:11px;color:#788aa3;line-height:1.7;margin:6px 0 0}.demo-note b{color:#405b80}.help-note{font-size:10px;color:#8c98aa;text-align:center;margin:23px 0 0}.auth-footer{width:min(1320px,calc(100% - 96px));margin:0 auto;padding:0 0 25px;display:flex;justify-content:space-between;gap:30px;font-size:10px;color:#8390a3;line-height:1.7}.auth-footer>div{max-width:65%}.auth-footer strong{color:#566b88;font-weight:600}.auth-footer span{display:block;margin-top:3px}.footer-right{text-align:right}.errorlist{margin:0;padding:0;list-style:none;color:#ac3244;font-size:12px;line-height:1.6}.login-error{padding:12px;background:#fff2f3;border:1px solid #f2d9dd;border-radius:7px;margin-bottom:18px}button:focus-visible,a:focus-visible{outline:3px solid #8cb6ff;outline-offset:3px}
@media(min-width:1600px){.auth-main{flex:0 1 auto;min-height:720px;margin-top:26px;margin-bottom:35px}.auth-header{min-height:110px}.auth-page{justify-content:center}}
@media(max-width:1050px){.auth-header,.auth-main,.auth-footer{width:calc(100% - 48px)}.garage-story{padding:30px 26px}.sign-in-side{padding:35px 28px}.header-caption{font-size:10px}.feature-grid{gap:12px}.feature-grid strong{line-height:1.6}.scene-caption{font-size:7px}}
@media(max-width:760px){.auth-header,.auth-main,.auth-footer{width:calc(100% - 32px)}.auth-header{min-height:82px}.auth-brand{font-size:21px}.auth-brand img{width:39px;height:39px}.header-caption{display:none}.auth-main{grid-template-columns:1fr;margin-top:0;max-height:none;border-radius:14px;flex:none}.garage-story{padding:23px}.garage-story h1{font-size:28px;letter-spacing:-.8px;margin:20px 0 10px}.story-description{font-size:12px}.workshop-scene,.feature-grid{display:none}.garage-signature{padding-top:16px;margin-top:20px}.sign-in-side{padding:32px 24px}.login-eyebrow{font-size:8px}h2{font-size:29px}.auth-form input:not([type=hidden]){font-size:16px}.auth-footer{flex-direction:column;gap:12px;padding-bottom:20px}.auth-footer>div{max-width:100%}.footer-right{text-align:left}.demo-note{margin-top:0}.workspace-card{margin-bottom:22px}.help-note{line-height:1.7}}
@media(max-width:760px){.garage-story{padding:18px 23px}.garage-story h1{font-size:21px;line-height:1.3;margin:12px 0 0;letter-spacing:-.5px}.story-description{display:none}.garage-signature{padding-top:12px;margin-top:13px}.garage-signature strong{font-size:11px}.garage-signature div>span{font-size:9px}.story-top .workspace-label{font-size:8px;letter-spacing:1.5px}}
.auth-footer a{color:inherit;text-decoration:none}.auth-footer a:hover{text-decoration:underline}
.garage-story{background:radial-gradient(ellipse at 80% 20%,#244979 0%,transparent 56%),linear-gradient(145deg,#142941,#101e32)}
/* Fit the sign-in essentials to common laptop and phone viewports. */
.required-star{color:#dc2626;font-weight:700}.field-invalid{border-color:#dc2626!important}
.auth-page{min-height:100dvh}.auth-header{min-height:70px}.auth-main{margin:0 auto 14px;min-height:0;flex:1;max-height:calc(100dvh - 145px)}.auth-footer{padding-bottom:12px}.garage-story{padding:24px 30px}.garage-story h1{margin:20px 0 12px;font-size:34px}.workshop-scene{margin:18px 0;padding:12px}.workshop-scene svg{max-height:170px}.feature-grid{margin-bottom:18px}.garage-signature{padding-top:12px}.sign-in-side{padding:24px 34px}.login-description{margin-bottom:16px}.workspace-card{padding:10px;margin-bottom:16px}.password-label{margin-top:16px}.submit-login{margin-top:18px}.access-note{margin:12px 0}.demo-note{padding:9px 12px}.help-note{margin-top:12px}
@media(min-width:761px) and (max-height:800px){.auth-header{min-height:58px}.auth-main{max-height:none;margin-bottom:10px}.garage-story h1{font-size:29px;margin-top:14px}.workshop-scene svg{max-height:125px}.feature-grid,.garage-signature{display:none}.sign-in-side{padding:18px 30px}.sign-in-side h2{font-size:29px;margin:8px 0}.login-description{margin-bottom:12px}.workspace-card{margin-bottom:12px}.demo-note,.help-note{display:none}.auth-form input:not([type=hidden]),.submit-login{height:42px}.auth-footer{font-size:9px;padding-bottom:8px}.auth-main{flex:0 1 auto}.auth-page{justify-content:space-between}}
@media(max-width:760px){.auth-header{min-height:58px}.auth-main{max-height:none;flex:none;margin-bottom:10px}.garage-story{display:none}.sign-in-side{padding:20px 22px}.sign-in-side h2{font-size:28px}.demo-note,.help-note,.workspace-card{display:none}.auth-footer{gap:3px;font-size:9px;padding-bottom:8px}.auth-footer span{margin:0}.footer-right{display:none}.auth-page{justify-content:center;gap:6px}.auth-form input:not([type=hidden]){height:44px}.login-description{margin-bottom:18px}.password-label{margin-top:14px}}
@media(min-width:761px) and (max-height:620px){.workshop-scene,.story-description,.workspace-card,.access-note{display:none}.auth-header{min-height:48px}.sign-in-side{padding:12px 26px}.garage-story h1{font-size:27px}.auth-footer{padding-bottom:4px}}

/* Requested login typography refinement. */
@media(min-width:1060px){.auth-main{grid-template-columns:1.55fr 1fr}.garage-story h1{font-size:27.2px;letter-spacing:-1px;white-space:nowrap}}
@media(min-width:761px) and (max-width:1059px){.garage-story h1{font-size:23.2px;letter-spacing:-.7px;white-space:normal}}
.scene-caption{font-size:8.8px}.scene-flow{font-size:11px}.feature-icon{font-size:11px}.feature-grid strong{font-size:13.2px}.feature-grid p{font-size:11px}.garage-signature strong{font-size:13.2px}.garage-signature div>span{font-size:11px}
@media(min-width:761px) and (max-height:800px){.garage-story h1{font-size:23.2px}.feature-grid{display:grid;gap:12px;margin-bottom:0}.feature-icon{margin-bottom:5px}.feature-grid p{margin-top:4px}.workshop-scene{margin:12px 0}.garage-story{padding-top:18px;padding-bottom:18px}}
@media(min-width:761px) and (max-height:620px){.feature-grid{display:none}}
@media(min-width:1060px){.garage-story{container-type:inline-size}.garage-story h1{font-size:clamp(18px,3.65cqw,27.2px)}}
/* Larger workshop labels and feature descriptions. */
.scene-caption{font-size:12px;letter-spacing:1.1px;gap:12px;flex-wrap:wrap}.scene-flow{font-size:15px}.feature-icon{font-size:14px}.feature-grid strong{font-size:17px;line-height:1.35}.feature-grid p{font-size:14px;line-height:1.5;color:#bfd0e7}