*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#142c4a}a{text-decoration:none;color:inherit}body{background:#f5f9ff}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(380px,47%) 1fr}.auth-story{background:linear-gradient(145deg,rgba(6,24,53,.87),rgba(6,31,74,.93)),url("trakxa-bg-dataflow.6e1d6eaa7a60.webp") center/cover;display:flex;flex-direction:column;justify-content:space-between;padding:50px clamp(30px,5vw,85px);color:white}.brand img{width:185px;filter:brightness(0) invert(1)}.story-copy{max-width:570px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;color:#328bff}.auth-story .eyebrow{color:#7bcaff}.story-copy h1{font-size:clamp(42px,4.6vw,72px);line-height:1.1;letter-spacing:-.065em;margin:25px 0}.story-copy p{font-size:18px;line-height:1.8;color:#d8e7f8}.story-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.story-pills span{padding:9px 12px;border:1px solid #47709d;border-radius:99px;font-size:11px}.story-footer{color:#b1c9e5;font-size:12px}.auth-main{display:flex;align-items:center;justify-content:center;padding:35px 32px}.auth-card{width:min(100%,440px)}.auth-icon{width:62px;height:62px;background:white;border-radius:17px;border:1px solid #e3edf7;display:grid;place-items:center;margin-bottom:34px}.auth-icon img{width:50px;height:50px;object-fit:contain}.auth-card h2{font-size:clamp(35px,4vw,48px);letter-spacing:-.06em;line-height:1.1;margin:12px 0 15px;color:#071c39}.auth-card h2 span{color:#1268ef}.subtitle{color:#61738c;line-height:1.7;font-size:15px;margin:0 0 29px}.auth-form label{display:block;font-size:13px;font-weight:750;margin-bottom:9px;color:#213b59}.form-group{margin:0 0 21px}.auth-form input:not([type=hidden]),.auth-form select{width:100%;min-height:52px;border:1px solid #d9e6f4;background:white;color:#152d49;border-radius:11px;padding:12px 15px;font:inherit;font-size:16px}.auth-form input:focus,.auth-form select:focus{outline:3px solid #cfe6ff;border-color:#1268ef}.auth-form button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-radius:11px;background:#1268ef;color:white;padding:17px 20px;font-size:14px;font-weight:800;cursor:pointer}.auth-form button:hover{background:#0c53c1}.help{font-size:12px;color:#758399}.auth-error{background:#fff0f0;color:#a02d36;padding:11px 13px;border-radius:9px;margin-bottom:15px;font-size:13px}.switch{padding:20px 0;border-top:1px solid #dfe8f4;display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;margin-top:27px;font-size:13px;color:#60738b}.switch a,.back a{color:#1268ef;font-weight:750}.back{font-size:13px;margin-top:20px}.mobile-brand{display:none}@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-main{align-items:flex-start;min-height:100vh;padding:35px 22px}.mobile-brand{display:block;margin-bottom:42px}.mobile-brand img{width:165px}.auth-card{margin:0 auto}}


/* Mobile consulting sign-in: keep the brand above a centered, usable form. */
@media (max-width:850px) {
  .auth-layout {display:block;min-height:100dvh;}
  .auth-main {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100dvh;padding:clamp(22px,5vw,42px) 22px calc(36px + env(safe-area-inset-bottom));}
  .mobile-brand {display:block;align-self:stretch;width:min(100%,440px);margin:0 auto 30px;}
  .mobile-brand img {width:162px;max-width:100%;height:auto;display:block;}
  .auth-card {width:min(100%,440px);margin:0;}
  .auth-icon {width:54px;height:54px;border-radius:15px;margin-bottom:23px;}
  .auth-icon img {width:43px;height:43px;object-fit:contain;}
  .auth-card h2 {font-size:clamp(34px,9vw,43px);margin:10px 0 12px;}
  .subtitle {font-size:14px;line-height:1.65;margin-bottom:24px;}
  .auth-form input:not([type=hidden]),.auth-form select {min-height:52px;font-size:16px;}
  .auth-form button {min-height:52px;}
  .switch {margin-top:23px;}
}
@media (max-width:390px) {
  .auth-main {padding-left:18px;padding-right:18px;}
  .mobile-brand {margin-bottom:23px;}
  .auth-icon {margin-bottom:17px;}
  .form-group {margin-bottom:17px;}
  .switch {flex-direction:column;gap:6px;}
}