body.auth-page.auth-foundation{
  overflow:auto;
}
body.auth-page.auth-foundation .stas-site-header{
  position:sticky;
  top:0;
  z-index:30;
  background:linear-gradient(180deg,rgba(2,6,23,.64),rgba(2,6,23,.44))!important;
  backdrop-filter:blur(16px) saturate(115%);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
}
body.auth-page.auth-foundation .stas-site-header,
body.auth-page.auth-foundation footer{
  border-color:rgba(255,255,255,.14)!important;
}
body.auth-page.auth-foundation .stas-site-header .nav-link,
body.auth-page.auth-foundation .stas-site-header .navbar-brand,
body.auth-page.auth-foundation .stas-site-header .fw-semibold{
  color:#f8fbff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
body.auth-page.auth-foundation .stas-site-header .btn-outline-light{
  border-color:rgba(255,255,255,.36);
  background:rgba(255,255,255,.04);
}
body.auth-page.auth-foundation .live-weather-badge{
  display:inline-flex;
  align-items:center;
  padding:.45rem .9rem;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  color:#f8fbff;
  font-size:.82rem;
  font-weight:700;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
  min-height:40px;
}
.stas-auth-page{
  position:relative;
  z-index:1;
  min-height:calc(100vh - 150px);
  padding:22px 0 28px;
}
.stas-auth-wrap{
  max-width:1120px;
  margin:0 auto;
  padding:0 12px;
}
.stas-auth-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:20px;
  align-items:stretch;
}
.stas-auth-stack{
  display:grid;
  gap:18px;
}
.stas-auth-glass,
.stas-auth-card,
.stas-auth-quote{
  border-radius:30px;
  border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(180deg,rgba(5,16,34,.18),rgba(5,16,34,.26));
  box-shadow:0 24px 56px rgba(2,8,23,.28);
  backdrop-filter:blur(10px) saturate(115%);
  -webkit-backdrop-filter:blur(10px) saturate(115%);
}
.stas-auth-quote{
  padding:22px 24px;
  color:#f8fbff;
}
.stas-auth-quote p{
  margin:0;
  font-size:1.65rem;
  line-height:1.2;
  font-weight:800;
}
.stas-auth-quote strong,
.stas-auth-quote .author{
  display:block;
  margin-top:12px;
  font-size:1.2rem;
  font-weight:800;
}
.stas-auth-hero{
  min-height:360px;
  padding:28px 28px 30px;
  color:#f8fbff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.stas-auth-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  width:max-content;
  padding:.45rem .9rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.stas-auth-title{
  margin:18px 0 10px;
  font-size:clamp(2.3rem,5vw,4.15rem);
  line-height:.98;
  font-weight:900;
  letter-spacing:-.03em;
  text-shadow:0 6px 20px rgba(0,0,0,.28);
}
.stas-auth-copy{
  max-width:640px;
  color:rgba(248,251,255,.92);
  font-size:1.08rem;
  line-height:1.6;
}
.stas-auth-points{
  list-style:none;
  display:grid;
  gap:10px;
  margin:20px 0 0;
  padding:0;
}
.stas-auth-points li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#f8fbff;
  font-weight:600;
}
.stas-auth-points li::before{
  content:'✦';
  flex:0 0 auto;
  opacity:.92;
}
.stas-auth-card{
  position:relative;
  padding:30px 26px 24px;
  color:#f8fbff;
  overflow:hidden;
}
.stas-auth-card::before{
  content:'';
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  width:min(62%,320px);
  height:34px;
  border-radius:0 0 20px 20px;
  background:linear-gradient(180deg,#c7af9a,#957a68);
  box-shadow:0 12px 24px rgba(0,0,0,.18);
}
.stas-auth-card > *{ position:relative; z-index:1; }
.stas-auth-card .alert{
  border-radius:16px;
}
.stas-auth-card h1{
  margin:18px 0 4px;
  font-size:3rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  color:#fff;
}
.stas-auth-subtitle{
  color:rgba(238,246,255,.86);
  font-size:1.03rem;
  margin-bottom:22px;
}
.stas-auth-card .form-label{
  color:#f8fbff;
  font-size:.92rem;
  font-weight:800;
  margin-bottom:.36rem;
}
.stas-auth-card .form-control,
.stas-auth-card .form-select{
  min-height:52px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(248,250,252,.94);
  color:#0f172a;
  padding:.8rem 1rem;
  box-shadow:none;
}
.stas-auth-card .form-control::placeholder{color:#64748b;}
.stas-auth-card .form-control:focus,
.stas-auth-card .form-select:focus{
  border-color:rgba(255,255,255,.35);
  box-shadow:0 0 0 .2rem rgba(255,255,255,.12);
}
.stas-auth-card .password-wrap,
.stas-auth-card .auth-password-wrap{
  position:relative;
}
.stas-auth-card .password-toggle,
.stas-auth-card .toggle-pass,
.stas-auth-card [data-auth-toggle]{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  color:#2563eb;
  font-size:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.stas-auth-card .password-toggle::before,
.stas-auth-card .toggle-pass::before,
.stas-auth-card [data-auth-toggle]::before{
  content:'👁';
  font-size:17px;
  line-height:1;
}
.stas-auth-card .password-toggle.is-active::before,
.stas-auth-card .toggle-pass.is-active::before,
.stas-auth-card [data-auth-toggle].is-active::before{
  content:'🙈';
}
.stas-auth-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}
.stas-auth-actions .btn{
  min-height:48px;
  border-radius:18px;
  padding:.75rem 1.25rem;
  font-weight:800;
}
.stas-auth-actions .btn-primary,
.stas-auth-actions .btn-auth-primary{
  background:linear-gradient(180deg,#c4ab95,#8d725f)!important;
  border-color:#8d725f!important;
  color:#fff!important;
}
.stas-auth-actions .btn-light,
.stas-auth-actions .btn-auth-secondary,
.stas-auth-actions .btn-secondary-alt{
  background:rgba(248,250,252,.96)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  color:#0f172a!important;
}
.stas-auth-links,
.stas-auth-card .small,
.stas-auth-card .text-secondary{
  color:rgba(238,246,255,.84)!important;
}
.stas-auth-links a,
.stas-auth-inline-link{
  color:#fff;
  font-weight:700;
}
.stas-auth-helper{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(248,251,255,.9);
}
.stas-auth-plan-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:12px;
  padding:.5rem .85rem;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  font-size:.83rem;
  font-weight:800;
}
.stas-auth-form-note{
  font-size:.83rem;
  color:rgba(238,246,255,.82);
}
body.auth-page.auth-foundation footer{
  position:relative;
  z-index:1;
  margin-top:0!important;
  background:rgba(2,6,23,.68)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
@media (max-width: 991.98px){
  .stas-auth-grid{grid-template-columns:1fr;}
  .stas-auth-hero{min-height:auto;}
  .stas-auth-card h1{font-size:2.4rem;}
  .stas-auth-quote p{font-size:1.32rem;}
}
@media (max-width: 575.98px){
  .stas-auth-wrap{padding:0 10px;}
  .stas-auth-page{padding:16px 0 22px;}
  .stas-auth-hero,
  .stas-auth-quote,
  .stas-auth-card{padding-left:18px;padding-right:18px;}
  .stas-auth-card{padding-top:26px;}
  .stas-auth-card h1{font-size:2.1rem;}
  .stas-auth-title{font-size:2.2rem;}
  .stas-auth-card .form-control,
  .stas-auth-card .form-select{min-height:48px;border-radius:16px;}
}