/* LEGEND: Roads of Ashmere v0.9.x - Account/Auth polish
   Visual-only pass for the new email/password account flow. */

.account09x{
  background:
    radial-gradient(circle at 18% 6%,rgba(255,211,105,.11),transparent 24%),
    radial-gradient(circle at 82% 78%,rgba(125,255,173,.06),transparent 30%),
    linear-gradient(180deg,#020403,#060a07 52%,#020302)!important;
}

.account09x-wrap{
  width:min(1320px,100%)!important;
  gap:14px!important;
}

.account09x-hero{
  min-height:250px!important;
  border-radius:24px!important;
  box-shadow:0 24px 64px rgba(0,0,0,.36),inset 0 0 42px rgba(255,211,105,.035)!important;
}

.account09x-hero:before{
  background:
    linear-gradient(90deg,rgba(2,4,3,.94),rgba(2,4,3,.45),rgba(2,4,3,.90)),
    url('../assets/title/title_bg_ashmere_road_v1.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}

.account09x-hero-content{
  min-height:250px!important;
  padding:clamp(18px,3vw,32px)!important;
}

.account09x-hero h1{
  font-family:Georgia,serif;
  font-size:clamp(2.4rem,6vw,5.2rem)!important;
  letter-spacing:.04em;
}

.account09x-hero p{
  max-width:820px!important;
  color:#dce8df!important;
}

.account09x-grid-wide,
.account09x-grid{
  grid-template-columns:minmax(360px,1.2fr) minmax(290px,.82fr) minmax(300px,.92fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}

.account09x-panel{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,211,105,.16)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(9,15,11,.78),rgba(0,0,0,.38))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 0 26px rgba(255,211,105,.025)!important;
  padding:15px!important;
}

.account09x-panel:before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  pointer-events:none;
  border-radius:19px;
  background:
    linear-gradient(135deg,rgba(255,211,105,.04),transparent 38%,rgba(125,255,173,.02)),
    radial-gradient(circle at 50% 0%,rgba(255,211,105,.06),transparent 36%);
}

.account09x-panel > *{
  position:relative;
  z-index:1;
}

.account09x-panel h2,
.account09x-panel h3{
  color:#e8cc86!important;
  font-family:Georgia,serif;
  font-size:.88rem!important;
  letter-spacing:.11em!important;
}

.account09x-status-grid{
  gap:8px!important;
}

.account09x-stat,
.account09x-readiness div{
  border-color:rgba(255,211,105,.11)!important;
  border-radius:13px!important;
  background:rgba(0,0,0,.20)!important;
  padding:9px!important;
}

.account09x-stat strong,
.account09x-readiness strong{
  color:#f2dfb3!important;
}

.account09x-field input{
  border-radius:12px!important;
  background:rgba(0,0,0,.30)!important;
}

.account09x-field input[type="password"]{
  letter-spacing:.08em;
}

.account09x-actions{
  gap:8px!important;
}

.account09x-btn{
  border-radius:13px!important;
  min-height:44px;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}

.account09x-btn:hover:not(:disabled),
.account09x-btn:focus-visible:not(:disabled){
  outline:none;
  border-color:rgba(255,211,105,.54)!important;
  box-shadow:0 0 0 3px rgba(255,211,105,.10),0 14px 28px rgba(0,0,0,.24)!important;
}

.account09x-btn.primary{
  box-shadow:0 14px 28px rgba(120,76,20,.20),inset 0 1px 0 rgba(255,255,255,.25)!important;
}

.account09x-auth-box{
  display:flex;
  flex-direction:column;
}

.account09x-auth-box .account09x-form{
  margin-top:4px!important;
}

.account09x-session-card{
  margin-bottom:10px!important;
  overflow-wrap:anywhere;
}

.account09x-note{
  border-left-color:rgba(255,211,105,.32)!important;
  background:rgba(0,0,0,.20)!important;
  color:#cbd9cf!important;
  font-size:.94rem;
}

.account09x-note code{
  color:#ffe0a1;
  font-weight:900;
}

.account09x-slot{
  min-height:78px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(10,16,12,.74),rgba(0,0,0,.25))!important;
}

.account09x-slot strong{
  color:#e8cc86!important;
}

.account09x-slot small{
  color:#cbd9cf!important;
}

.account09x-success{
  border-color:rgba(125,255,173,.20)!important;
  background:rgba(125,255,173,.075)!important;
  color:#bfffd3!important;
}

@media(max-width:1100px){
  .account09x-grid-wide,
  .account09x-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:620px){
  .account09x-hero{min-height:210px!important}
  .account09x-hero-content{min-height:210px!important}
}

@media(prefers-reduced-motion:reduce){
  .account09x-btn{
    transition:none!important;
  }
}