/* Page chrome (same as your login page)… */
body{ margin:0; font-family:'Segoe UI'; background:#12273F; overflow:hidden; }
.container{ display:flex; justify-content:center; align-items:center; height:80vh;
  padding:7rem; max-width:1200px; padding-top:6rem; margin-left:30 -3%; }
.left{ flex:1; padding-right:4rem; }
.left p{ font-size:1.2rem; color:#cbd5e1; max-width:400px; }
.center-header{ text-align:center; color:#fff; display:flex; flex-direction:column; align-items:center; }
.logo-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px; /* space between icon and text */
}

.right {
  flex: 1;
  max-width: 520px;
}

header h1 {
  font-size: 3rem;
  margin: 0;
  color: white;
}

.logo-title img.header-logo {
  width: 46px;
  height: 46px;
}

.logo-title img.header-logo {
  width: 76%;
  height: 76px;
}

.center-header {
  text-align: center;
  margin-top: 0px;
  color: white;
  display:flex;
  flex-direction:column;
  align-items:center; 
}

/* ── Auth card (shared style) ───────────────────────────────────────────── */
.auth-box{                     /* same look as login-box */
  width:100%;
  min-height:380px;
  padding:2.25rem 2.5rem;
  background:#fff;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  display:flex;
  flex-direction:column;
  gap:.9rem;
}
.auth-box input{
  padding:1rem;
  font-size:1rem;
  border:1px solid #ddd;
  border-radius:6px;
}

/* Primary action button */
.primary-btn{
  background:#005EA4;
  color:#fff;
  border:none;
  padding:1rem 1.2rem;
  font:700 1rem 'Segoe UI', sans-serif;
  border-radius:6px;
  cursor:pointer;
}
.primary-btn:hover{ background:#64A4DE; }

/* Secondary (back) button styled as ghost */
.ghost-btn{
  display:inline-block;
  padding:.85rem 1rem;
  border:1px solid #cfd8dc;
  border-radius:6px;
  background:#fff;
  color:#005EA4;
  text-decoration:none;
  font-weight:600;
  white-space:nowrap;
}

/* Row with back button, submit and inline error */
.bottom-row{
  display:flex; align-items:center; gap:14px; flex-wrap:nowrap; width:100%; margin-top:10px;
}

/* Inline error pill (same behavior as login) */
.inline-error{
  flex:1 1 auto; min-height:44px;
  display:flex; align-items:center; justify-content:center; /* left text */
  padding:0 14px;
  color:#b42318; background:#fdeaea; border:1px solid #f4c2c2;
  border-radius:6px; font:600 14px/1 'Segoe UI', sans-serif;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.inline-error.is-hidden{
  opacity:0; visibility:hidden; background:transparent; border-color:transparent;
}

/* Footer text */
.create-page{ text-align:center; font-size:.85rem; margin-top:1rem; color:#cbd5e1; }

.left {
  flex: 1;
  padding-right: 4rem;
}

.left .logo {
  font-size: 3rem;
  font-family: 'Segoe UI';
  color: #005EA4;
  margin-top: -20rem;
}

.left p {
  font-size: 1.2rem;
  color: #cbd5e1;
  max-width: 400px;
  font-family: 'Segoe UI';
}

.left .center-header{
  margin-top: -240px;              /* tweak the value */
  margin-right: -180px;
}