/* The account screens share the Stargate shell; no page-wide auth overrides. */
.ember-auth {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  align-items:stretch;
  gap:clamp(1.15rem,3vw,2.8rem);
  margin-block:clamp(1.65rem,5vw,4rem) clamp(2.8rem,6vw,5rem);
}
.ember-auth-art {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  min-width:0;
  min-height:400px;
  border-radius:1rem;
  background:#190c13 url("../reference/assets/hero.webp") 64% center / cover no-repeat;
}
.ember-auth-art::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(0deg,#0f080cfb 2%,#190a11dd 25%,#190a1130 65%,#0f080c38),
    radial-gradient(ellipse at 25% 82%,#831f3047,transparent 68%);
}
.ember-auth-art-inner { width:min(100%,480px); padding:clamp(1.2rem,4vw,3rem); }
.ember-auth-art .sg-hero-logo {
  width:min(100%,355px);
  margin:0 0 1.1rem;
  height:auto;
  filter:drop-shadow(0 8px 20px #0008);
}
.ember-auth-art-line {
  width:min(100%,300px);
  height:1px;
  margin-bottom:1.15rem;
  background:linear-gradient(90deg,#cc9b68,transparent);
}
.ember-auth-art p {
  margin:0;
  color:#f9e4c6;
  font:700 clamp(1.7rem,3.6vw,3.15rem)/1.04 Georgia,serif;
  letter-spacing:-.034em;
}
.ember-auth-panel {
  min-width:0;
  align-self:center;
  padding:clamp(1.15rem,3.3vw,2.8rem);
  border-radius:1rem;
  background:linear-gradient(142deg,#28161c,#1a1014 49%,#151014);
  box-shadow:0 18px 42px #0503056e;
}
.ember-auth-tabs {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.25rem;
  padding:.25rem;
  border-radius:.55rem;
  background:#130d11;
}
.ember-auth-tabs a {
  min-width:0;
  padding:.57rem .45rem;
  text-align:center;
  color:#d3bbb0;
  border-radius:.35rem;
  overflow-wrap:anywhere;
  font:1.02rem PortalDisplay,system-ui,sans-serif;
  letter-spacing:.035em;
  text-decoration:none;
}
.ember-auth-tabs a:hover { color:#ffdd9e; }
.ember-auth-tabs a[aria-current="page"] { background:#3c2028; color:#ffdfad; }
.ember-auth-heading { margin:1.45rem 0 1.25rem; }
.ember-auth-heading h1 {
  margin:0;
  color:#fff0d8;
  font:700 clamp(1.95rem,3.5vw,2.95rem)/1.04 Georgia,serif;
  letter-spacing:-.032em;
  overflow-wrap:anywhere;
}
.ember-auth-heading p {
  margin:.6rem 0 0;
  color:#d5bfb5;
  font-size:1rem;
  line-height:1.45;
}
.ember-auth-fields {
  display:grid;
  gap:.95rem;
  min-inline-size:0;
  border:0;
  margin:0;
  padding:0;
}
.ember-auth-field { display:grid; gap:.36rem; color:#f6e7d8; font-size:.97rem; }
.ember-auth-field input {
  width:100%;
  min-width:0;
  min-height:44px;
  padding:.66rem .75rem;
  border:1px solid #64444c;
  border-radius:.42rem;
  background:#150e12;
  color:#fff0e3;
  font:inherit;
}
.ember-auth-field input:disabled { color:#c8b3ad; opacity:1; background:#160f13; }
.ember-auth-field input:focus-visible { outline-offset:2px; }
.ember-auth-field input[aria-invalid="true"] { border-color:#ee958e; }
.ember-auth-field-hint { display:block; margin-top:.3rem; color:#c4a9a0; }
.ember-auth-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.ember-auth-options { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem 1rem; }
.ember-auth-options > a,.ember-auth-links a,.ember-auth-check a { color:#efc28a; text-decoration:underline; text-decoration-color:#b27b57; }
.ember-auth-check { display:flex; align-items:flex-start; gap:.5rem; color:#e3cfc5; font-size:.91rem; }
.ember-auth-check input { flex:none; margin:.22em 0 0; accent-color:#e6b67e; }
.ember-auth .ember-auth-submit { width:100%; justify-content:space-between; min-height:45px; text-align:start; }
.ember-auth .ember-auth-submit:disabled,
.ember-auth .ember-auth-submit:disabled:hover {
  cursor:not-allowed;
  background:#6d5143;
  border-color:#896754;
  box-shadow:none;
  color:#fff0da;
  transform:none;
}
.ember-auth-note { margin:.65rem 0 0; color:#d5b8ab; font-size:.86rem; }
.ember-auth-links {
  display:flex;
  flex-wrap:wrap;
  column-gap:1rem;
  row-gap:.35rem;
  margin-top:1.15rem;
  padding-top:.95rem;
  border-top:1px solid #4b3239;
  color:#dbc4ba;
  font-size:.92rem;
}
.ember-auth-links p { margin:0; }
.ember-auth-errors { color:#ffaaa4; font-size:.92rem; }
.ember-auth-errors ul { margin:.35rem 0 .4rem; padding-inline-start:1.2rem; }
@media (max-width:760px) {
  .ember-auth { grid-template-columns:minmax(0,1fr); gap:1rem; }
  .ember-auth-art { min-height:164px; background-position:63% 36%; }
  .ember-auth-art-inner { padding:1rem 1.15rem; }
  .ember-auth-art .sg-hero-logo { width:min(65%,210px); margin-bottom:.3rem; }
  .ember-auth-art-line,.ember-auth-art p { display:none; }
}
@media (max-width:430px) {
  .ember-auth-pair { grid-template-columns:minmax(0,1fr); }
  .ember-auth-panel { padding:1rem; }
}