/* LEGEND: Roads of Ashmere - Account / Profile v0.9.x */
.account09x{
  min-height:100svh;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,211,105,.10),transparent 28%),
    radial-gradient(circle at 88% 90%,rgba(125,255,173,.07),transparent 32%),
    #030604;
  color:#eaffef;
  font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;
}
.account09x *{box-sizing:border-box}
.account09x-wrap{
  width:min(1120px,100%);
  margin:0 auto;
  padding:clamp(14px,4vw,40px);
  display:grid;
  gap:16px;
}
.account09x-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,211,105,.24);
  border-radius:32px;
  min-height:330px;
  background:#050806;
  box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 0 58px rgba(255,211,105,.04);
}
.account09x-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,4,3,.92),rgba(2,4,3,.48),rgba(2,4,3,.90)),
    url('../assets/title/title_bg_ashmere_road_v089.jpg');
  background-size:cover;
  background-position:center;
  filter:saturate(.94) contrast(1.07);
}
.account09x-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 18%,rgba(255,211,105,.14),transparent 30%);
  pointer-events:none;
}
.account09x-hero-content{
  position:relative;
  z-index:1;
  min-height:330px;
  padding:clamp(20px,4vw,36px);
  display:grid;
  align-content:end;
}
.account09x-kicker{
  color:#ffd369;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.72rem;
  font-weight:900;
}
.account09x-hero h1{
  margin:.25rem 0;
  color:#fff2c2;
  font-size:clamp(2.8rem,8vw,6.4rem);
  line-height:.84;
  text-shadow:0 12px 34px rgba(0,0,0,.74),0 0 30px rgba(255,211,105,.16);
}
.account09x-hero p{
  max-width:760px;
  margin:12px 0 0;
  color:#e7f2eb;
  line-height:1.55;
  font-size:1.03rem;
}
.account09x-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:16px;
  align-items:start;
}
.account09x-panel{
  border:1px solid rgba(255,211,105,.18);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(10,16,12,.86),rgba(0,0,0,.34));
  box-shadow:0 18px 44px rgba(0,0,0,.24),inset 0 0 32px rgba(255,211,105,.025);
  padding:16px;
}
.account09x-panel h2,
.account09x-panel h3{
  margin:0 0 10px;
  color:#ffd369;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.78rem;
}
.account09x-subhead{margin-top:18px!important}
.account09x-form{display:grid;gap:10px;margin-top:12px}
.account09x-field{display:grid;gap:6px}
.account09x-field label{
  color:#ffd369;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.68rem;
  font-weight:900;
}
.account09x-field input{
  width:100%;
  border:1px solid rgba(255,211,105,.22);
  border-radius:14px;
  background:rgba(0,0,0,.34);
  color:#eaffef;
  padding:12px 13px;
  font:inherit;
  outline:none;
}
.account09x-field input:focus{
  border-color:rgba(255,211,105,.68);
  box-shadow:0 0 0 3px rgba(255,211,105,.10);
}
.account09x-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  margin-top:10px;
}
.account09x-nav-actions{
  border-top:1px solid rgba(255,211,105,.10);
  padding-top:12px;
}
.account09x-btn{
  border:1px solid rgba(255,211,105,.24);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(10,16,12,.88),rgba(0,0,0,.34));
  color:#eaffef;
  padding:12px 14px;
  font-weight:900;
  cursor:pointer;
}
.account09x-btn:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:rgba(255,211,105,.58);
}
.account09x-btn:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.account09x-btn.primary{
  background:linear-gradient(180deg,#ffe29a,#bf7f2a);
  color:#241803;
  border-color:rgba(255,211,105,.78);
}
.account09x-btn.danger{
  border-color:rgba(255,120,105,.34);
  color:#ffd0c9;
}
.account09x-note{
  border-left:3px solid rgba(255,211,105,.42);
  border-radius:0 16px 16px 0;
  background:rgba(0,0,0,.24);
  padding:12px 14px;
  color:#d8e6dc;
  line-height:1.45;
}
.account09x-note strong{color:#ffd369}
.account09x-status{
  display:grid;
  gap:8px;
}
.account09x-status-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.account09x-stat,
.account09x-readiness div{
  border:1px solid rgba(255,211,105,.13);
  border-radius:15px;
  background:rgba(0,0,0,.25);
  padding:10px;
}
.account09x-stat strong,
.account09x-readiness strong{
  display:block;
  color:#fff2c2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account09x-stat span,
.account09x-readiness span{
  display:block;
  margin-top:3px;
  color:#aebfb4;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.66rem;
}
.account09x-slots,
.account09x-readiness{
  display:grid;
  gap:10px;
}
.account09x-slot{
  min-height:92px;
  border:1px solid rgba(255,211,105,.16);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(10,16,12,.84),rgba(0,0,0,.30));
  padding:14px;
  text-align:left;
  color:#eaffef;
}
button.account09x-slot{cursor:pointer;width:100%}
button.account09x-slot:hover:not(.account09x-disabled){
  transform:translateY(-1px);
  border-color:rgba(255,211,105,.52);
}
.account09x-slot strong{
  display:block;
  color:#ffd369;
}
.account09x-slot small{
  display:block;
  margin-top:7px;
  color:#dcebe2;
  line-height:1.4;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,211,105,.08);
  border-radius:10px;
  padding:6px 8px;
}
.account09x-disabled{opacity:.65}
.account09x-error{color:#ffd0c9}
.account09x-success{
  margin:0;
  border:1px solid rgba(125,255,173,.22);
  border-radius:18px;
  background:rgba(125,255,173,.08);
  color:#b9ffd1;
  padding:12px 14px;
  font-weight:800;
}

@media(max-width:860px){
  .account09x-grid{grid-template-columns:1fr}
  .account09x-actions{display:grid}
  .account09x-btn{width:100%;text-align:center}
}
@media(max-width:620px){
  .account09x-wrap{padding:12px}
  .account09x-hero,.account09x-panel{border-radius:22px}
  .account09x-status-grid{grid-template-columns:1fr}
}