:root{
  --account-bg:#060810;
  --account-bg-2:#0a1020;
  --account-panel:rgba(10,14,24,.82);
  --account-panel-2:rgba(13,18,32,.9);
  --account-border:rgba(120,155,255,.14);
  --account-border-strong:rgba(113,179,255,.28);
  --account-text:#f6f8ff;
  --account-muted:#a8b0c4;
  --account-muted-2:#7f8a9f;
  --account-blue:#4f8dff;
  --account-blue-2:#67cbff;
  --account-teal:#3ed7c4;
  --account-gold:#f0c15b;
  --account-shadow:0 30px 80px rgba(0,0,0,.5);
  --account-radius:28px;
  --account-radius-sm:18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.account-page{
  min-height:100vh;
  background:
    radial-gradient(circle at top left, rgba(79,141,255,.2), transparent 24%),
    radial-gradient(circle at top right, rgba(62,215,196,.15), transparent 26%),
    radial-gradient(circle at 50% 12%, rgba(240,193,91,.12), transparent 28%),
    linear-gradient(180deg, #05070d 0%, var(--account-bg) 46%, #05070c 100%);
  color:var(--account-text);
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  overflow-x:hidden;
}

body.account-page::before,
body.account-page::after{
  content:"";
  position:fixed;
  inset:auto;
  width:480px;
  height:480px;
  border-radius:50%;
  filter:blur(80px);
  opacity:.22;
  pointer-events:none;
  z-index:-1;
}

body.account-page::before{
  top:-120px;
  left:-120px;
  background:rgba(79,141,255,.32);
}

body.account-page::after{
  right:-120px;
  top:140px;
  background:rgba(62,215,196,.22);
}

body.account-page #main-nav{
  position:sticky;
  top:0;
  z-index:1000;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 5%;
  min-height:80px;
  background:rgba(7,9,13,.98);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:all .4s cubic-bezier(0.16,1,0.3,1);
}

body.account-page #main-nav.scrolled{
  min-height:70px;
  box-shadow:0 10px 40px rgba(0,0,0,.2);
}

body.account-page #main-nav .nav-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
}

body.account-page #main-nav .logo,
body.account-page #main-nav a.logo{
  color:#fff;
  text-decoration:none;
  font-size:1.6rem;
  display:flex;
  align-items:center;
  gap:4px;
  cursor:pointer;
  font-weight:900;
  letter-spacing:0;
  justify-self:start;
}

body.account-page #main-nav .logo .accent{
  color:var(--account-blue);
}

body.account-page #main-nav .nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  justify-self:center;
  min-width:0;
}

body.account-page #main-nav .nav-link{
  color:rgba(255,255,255,.6);
  text-decoration:none;
  font-size:.85rem;
  font-weight:800;
  padding:10px 22px;
  border-radius:100px;
  transition:all .3s cubic-bezier(0.16,1,0.3,1);
  position:relative;
  letter-spacing:.5px;
  text-transform:uppercase;
  font-family:'Nunito',sans-serif;
  white-space:nowrap;
}

body.account-page #main-nav .nav-signin-btn,
body.account-page #main-nav .nav-profile-trigger,
body.account-page #main-nav .nav-profile-menu a,
body.account-page #main-nav .nav-profile-menu button,
body.account-page #main-nav .mobile-menu-links a,
body.account-page #main-nav .mobile-close{
  font-family:'Nunito',sans-serif;
}

body.account-page #main-nav .nav-profile-menu a,
body.account-page #main-nav .nav-profile-menu button{
  font-weight:600;
  letter-spacing:0;
}

body.account-page #main-nav .nav-link:hover,
body.account-page #main-nav .nav-link.active{
  color:#fff;
  background:rgba(255,255,255,.08);
}

body.account-page #main-nav .nav-link.active{
  color:var(--account-blue);
  background:rgba(79,141,255,.1);
}

body.account-page #main-nav .nav-auth-slot{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-left:auto;
  gap:10px;
  justify-self:end;
  min-width:max-content;
}

body.account-page #main-nav .nav-hub-action{
  min-height:44px;
  min-width:max-content;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.04);
  color:#fff;
  text-decoration:none;
  font-family:'Nunito',sans-serif;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:all .28s cubic-bezier(0.16,1,0.3,1);
  margin-left:8px;
}

body.account-page #main-nav .nav-hub-action:hover{
  transform:translateY(-1px);
}

body.account-page #main-nav .nav-hub-action--dashboard{
  border-color:rgba(79,141,255,.32);
  background:linear-gradient(135deg, rgba(79,141,255,.16), rgba(62,215,196,.1)), rgba(255,255,255,.04);
  box-shadow:0 10px 24px rgba(79,141,255,.12);
}

body.account-page #main-nav .nav-hub-action--dashboard:hover{
  border-color:rgba(113,179,255,.68);
  background:linear-gradient(135deg, rgba(79,141,255,.24), rgba(62,215,196,.14)), rgba(255,255,255,.06);
  box-shadow:0 14px 28px rgba(79,141,255,.18);
}

body.account-page #main-nav .nav-hub-action--create{
  border-color:rgba(16,185,129,.22);
  background:linear-gradient(135deg, rgba(16,185,129,.16), rgba(110,231,183,.08)), rgba(255,255,255,.04);
  color:#d1fae5;
}

body.account-page #main-nav .nav-hub-action--create:hover{
  border-color:rgba(52,211,153,.46);
  background:linear-gradient(135deg, rgba(16,185,129,.22), rgba(110,231,183,.12)), rgba(255,255,255,.06);
  box-shadow:0 14px 28px rgba(16,185,129,.14);
}

body.account-page #main-nav .nav-signin-btn{
  background:linear-gradient(135deg, rgba(79,141,255,.18), rgba(62,215,196,.1)), rgba(255,255,255,.04);
  border:1px solid rgba(79,141,255,.35);
  color:#fff;
  padding:11px 22px;
  border-radius:999px;
  font-family:'Nunito',sans-serif;
  font-weight:600;
  font-size:.86rem;
  cursor:pointer;
  transition:all .4s cubic-bezier(0.16,1,0.3,1);
  letter-spacing:.12em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 10px 28px rgba(79,141,255,.12);
  position:relative;
  overflow:hidden;
  text-transform:uppercase;
  text-decoration:none;
}

body.account-page #main-nav .nav-signin-btn:hover{
  background:linear-gradient(135deg, rgba(79,141,255,.28), rgba(62,215,196,.16)), rgba(255,255,255,.07);
  color:#fff;
  border-color:rgba(113,179,255,.7);
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(79,141,255,.24);
}

body.account-page #main-nav .nav-profile-wrap{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:2px;
}

body.account-page #main-nav .nav-profile-trigger{
  appearance:none;
  border:none;
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:999px;
  padding:4px 10px 4px 4px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
  font-family:'Nunito',sans-serif;
  font-weight:600;
  letter-spacing:0;
  min-height:48px;
}

body.account-page #main-nav .nav-profile-trigger img{
  width:40px;
  height:40px;
  border-radius:16px;
  object-fit:cover;
  display:block;
  background:#101522;
}

body.account-page #main-nav .nav-profile-menu{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  min-width:290px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(10,14,24,.98), rgba(8,11,19,.98));
  border:1px solid rgba(118,150,255,.16);
  box-shadow:0 25px 80px rgba(0,0,0,.46);
  padding:14px;
  transform:translateY(-8px) scale(.98);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}

body.account-page #main-nav .nav-profile-menu[hidden]{display:none !important}

body.account-page #main-nav .nav-profile-menu.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

body.account-page #main-nav .nav-profile-menu__head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 4px 14px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

body.account-page #main-nav .nav-profile-menu__head img{
  width:40px;
  height:40px;
  border-radius:50%;
  object-fit:cover;
}

body.account-page #main-nav .nav-profile-menu__head strong,
body.account-page #main-nav .nav-profile-menu__head span{
  display:block;
}

body.account-page #main-nav .nav-profile-menu a,
body.account-page #main-nav .nav-profile-menu button{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border-radius:14px;
  border:none;
  background:transparent;
  color:#e5ecff;
  text-decoration:none;
  font:inherit;
  cursor:pointer;
  text-align:left;
  font-weight:800;
  letter-spacing:.02em;
}

body.account-page #main-nav .nav-profile-menu a:hover,
body.account-page #main-nav .nav-profile-menu button:hover{
  background:rgba(255,255,255,.06);
}

body.account-page #main-nav .mobile-toggle{
  display:none;
  border:none;
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:14px;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

body.account-page #mobile-menu{
  position:fixed;
  inset:0;
  z-index:999;
  background:rgba(5,7,10,.88);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  padding:20px;
  display:none;
  flex-direction:column;
  gap:18px;
}

body.account-page #mobile-menu.open{display:flex}

body.account-page #mobile-menu .mobile-menu-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

body.account-page #mobile-menu .mobile-menu-links{
  display:flex;
  flex-direction:column;
  gap:8px;
}

body.account-page #mobile-menu .mobile-menu-links a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-radius:16px;
  text-decoration:none;
  color:#fff;
  background:rgba(255,255,255,.04);
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}

body.account-page #mobile-menu .mobile-menu-divider{
  height:1px;
  background:rgba(255,255,255,.08);
  margin:4px 0;
}

@media (max-width:992px){
  body.account-page #main-nav .nav-container{
    display:flex;
    justify-content:space-between;
  }

  body.account-page #main-nav .nav-links{
    display:none;
  }

  body.account-page #main-nav .mobile-toggle{
    display:inline-flex;
  }
}

.account-topbar{
  position:sticky;
  top:0;
  z-index:80;
  backdrop-filter:blur(20px);
  background:rgba(6,8,16,.82);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.account-topbar__inner{
  max-width:1220px;
  margin:0 auto;
  padding:16px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.account-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--account-text);
  text-decoration:none;
  font-weight:900;
  letter-spacing:-.04em;
  font-size:1.38rem;
}

.account-brand span{
  color:var(--account-blue);
}

.account-brand__mark{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(79,141,255,.95), rgba(62,215,196,.75));
  color:#fff;
  box-shadow:0 10px 28px rgba(79,141,255,.26);
}

.account-links{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}

.account-link{
  color:var(--account-muted);
  text-decoration:none;
  font-weight:800;
  font-size:.86rem;
  letter-spacing:.02em;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid transparent;
  transition:all .18s ease;
}

.account-link:hover,
.account-link.is-active{
  color:#fff;
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.account-actions{
  display:flex;
  align-items:center;
  gap:12px;
  position:relative;
}

.account-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  border-radius:16px;
  padding:12px 16px;
  font-family:'Nunito',sans-serif;
  font-weight:600;
  font-size:.92rem;
  letter-spacing:0;
  border:1px solid transparent;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}

.account-btn:hover{transform:translateY(-1px)}

.account-btn--ghost{
  color:#fff;
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.08);
}

.account-btn--ghost:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
}

.account-btn--primary{
  color:#08101e;
  background:linear-gradient(135deg, #fff 0%, #f4f7ff 100%);
  box-shadow:0 16px 36px rgba(255,255,255,.08);
}

.account-btn--primary:hover{
  box-shadow:0 20px 40px rgba(255,255,255,.12);
}

.account-avatar-btn{
  appearance:none;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.05);
  color:#fff;
  border-radius:999px;
  padding:7px 10px 7px 7px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}

.account-avatar-btn img{
  width:30px;
  height:30px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  background:#101522;
}

.account-avatar-chevron{
  width:16px;
  height:16px;
  display:inline-grid;
  place-items:center;
  color:#c9d1e7;
  transition:transform .18s ease;
}

.account-nav-wrap{
  position:relative;
}

.account-nav-wrap.is-open .account-avatar-chevron{
  transform:rotate(180deg);
}

.account-menu{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  min-width:290px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(10,14,24,.98), rgba(8,11,19,.98));
  border:1px solid rgba(118,150,255,.16);
  box-shadow:0 25px 80px rgba(0,0,0,.46);
  padding:14px;
  transform:translateY(-8px) scale(.98);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}

.account-menu[hidden]{display:none !important}

.account-menu.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.account-menu::before{
  content:"";
  position:absolute;
  top:-7px;
  right:24px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:inherit;
  border-left:1px solid rgba(118,150,255,.16);
  border-top:1px solid rgba(118,150,255,.16);
}

.account-menu__head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 4px 14px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.account-menu__head img{
  width:38px;
  height:38px;
  border-radius:50%;
  object-fit:cover;
  background:#111624;
}

.account-menu__name{
  margin:0;
  font-size:1rem;
  font-weight:900;
}

.account-menu__meta{
  margin:3px 0 0;
  color:#8f9ab3;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.account-menu__link,
.account-menu__button{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 12px;
  border-radius:16px;
  text-decoration:none;
  color:#e4eaf7;
  font-size:.95rem;
  font-family:'Nunito',sans-serif;
  font-weight:600;
  background:transparent;
  border:0;
  cursor:pointer;
  text-align:left;
  letter-spacing:0;
  transition:background .18s ease, transform .18s ease, color .18s ease;
}

.account-menu__link:hover,
.account-menu__button:hover{
  background:rgba(255,255,255,.05);
  transform:translateX(2px);
}

.account-menu__link i,
.account-menu__button i{
  font-size:1.06rem;
  color:#cdd6ea;
}

.account-menu__button--warn{
  color:#ffe7e7;
  background:rgba(255, 77, 77, .1);
  box-shadow:inset 0 0 0 1px rgba(255, 77, 77, .16);
}

.account-menu__button--warn:hover{
  background:rgba(255, 77, 77, .18);
  color:#fff2f2;
}

.account-menu__button--warn i{
  color:#ff7d7d;
}

.account-menu__button--warn:hover i{
  color:#ffb4b4;
}

.account-shell{
  max-width:1220px;
  margin:0 auto;
  padding:42px 22px 80px;
  position:relative;
}

.account-hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:24px;
  align-items:stretch;
}

.account-hero__panel,
.account-card{
  background:linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.92));
  border:1px solid var(--account-border);
  border-radius:var(--account-radius);
  box-shadow:var(--account-shadow);
}

.account-hero__panel{
  padding:34px;
  position:relative;
  overflow:hidden;
}

.account-hero__panel::after{
  content:"";
  position:absolute;
  inset:auto -10% -40% 40%;
  height:300px;
  background:radial-gradient(circle, rgba(79,141,255,.18), transparent 60%);
  pointer-events:none;
}

.account-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.2);
  color:#dfe9ff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.account-hero h1{
  margin:18px 0 12px;
  font-size:clamp(2.4rem,5vw,4.9rem);
  line-height:.95;
  letter-spacing:-.05em;
}

.account-hero h1 span{
  color:var(--account-blue);
}

.account-lead{
  margin:0;
  max-width:62ch;
  color:var(--account-muted);
  font-size:1.02rem;
  line-height:1.7;
}

.account-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.account-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#dfe5f4;
  font-weight:800;
  font-size:.84rem;
}

.account-chip i{
  color:var(--account-blue-2);
}

.account-hero__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

.account-hero__side{
  display:grid;
  gap:16px;
}

.account-summary{
  padding:24px;
  display:grid;
  gap:16px;
}

.account-summary__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.account-summary__label{
  color:#8fa0c5;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.account-summary__value{
  margin:8px 0 0;
  font-size:2.2rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
}

.account-summary__value small{
  font-size:.95rem;
  color:var(--account-muted);
  font-weight:800;
}

.account-summary__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.account-stat{
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.account-stat__label{
  display:block;
  color:#9babc4;
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
  margin-bottom:8px;
}

.account-stat__value{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:1.05rem;
  font-weight:900;
}

.account-stat__value i{
  color:var(--account-blue-2);
}

.account-section{
  margin-top:26px;
}

.account-section__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-end;
  margin-bottom:16px;
}

.account-section__head h2{
  margin:0;
  font-size:1.35rem;
  letter-spacing:-.03em;
}

.account-section__head p{
  margin:0;
  color:var(--account-muted);
  font-size:.95rem;
}

.account-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
}

.account-card{
  padding:22px;
}

.account-card--wide{
  grid-column:span 8;
}

.account-card--narrow{
  grid-column:span 4;
}

.account-card__title{
  margin:0 0 8px;
  font-size:1.15rem;
  letter-spacing:-.03em;
}

.account-card__text{
  margin:0;
  color:var(--account-muted);
  line-height:1.7;
}

.account-card__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#dbe6ff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.plan-card{
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(16,20,33,.84), rgba(10,14,24,.92));
  border:1px solid rgba(255,255,255,.08);
  min-height:100%;
  position:relative;
  overflow:hidden;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.plan-card.is-featured{
  border-color:rgba(79,141,255,.24);
  box-shadow:0 24px 50px rgba(79,141,255,.08);
}

.plan-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 24px 52px rgba(0,0,0,.28);
}

.plan-card__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(79,141,255,.14);
  color:#dfe9ff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.plan-card h3{
  margin:0 0 10px;
  font-size:1.4rem;
  letter-spacing:-.03em;
}

.plan-card__price{
  margin:0 0 12px;
  font-size:2rem;
  font-weight:900;
  letter-spacing:-.05em;
}

.plan-card__price small{
  font-size:.9rem;
  color:var(--account-muted);
  font-weight:800;
}

.plan-card ul{
  margin:16px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.plan-card li{
  display:flex;
  gap:10px;
  color:#dce3f4;
  line-height:1.5;
}

.plan-card li i{
  color:var(--account-teal);
  margin-top:2px;
}

.upgrade-spotlight{
  display:grid;
  gap:16px;
  background:
    radial-gradient(circle at top right, rgba(79,141,255,.18), transparent 40%),
    linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.96));
}

.upgrade-spotlight__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.upgrade-spotlight__title{
  margin:0;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.05em;
  font-weight:900;
}

.upgrade-spotlight__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.upgrade-spotlight__mini{
  padding:14px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.upgrade-spotlight__mini strong{
  display:block;
  margin-bottom:4px;
  font-size:.9rem;
}

.upgrade-spotlight__mini span{
  color:var(--account-muted);
  font-size:.78rem;
}

.upgrade-spotlight__mini--accent{
  background:rgba(79,141,255,.12);
  border-color:rgba(79,141,255,.22);
}

.upgrade-steps{
  display:grid;
  gap:12px;
}

.upgrade-step{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.upgrade-step--accent{
  background:linear-gradient(90deg, rgba(79,141,255,.14), rgba(255,255,255,.03));
  border-color:rgba(79,141,255,.18);
}

.upgrade-step__num{
  width:48px;
  height:48px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#f7fafc;
  color:#08111d;
  font-size:1rem;
  font-weight:900;
}

.upgrade-step h3{
  margin:0 0 4px;
  font-size:1.05rem;
}

.upgrade-step p{
  margin:0;
  color:var(--account-muted);
  line-height:1.5;
}

.account-form{
  display:grid;
  gap:16px;
}

.field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.field{
  display:grid;
  gap:8px;
}

.field label{
  font-size:.82rem;
  font-weight:900;
  color:#dbe3f7;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.field input,
.field textarea,
.field select{
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  border-radius:16px;
  padding:14px 15px;
  color:var(--account-text);
  font:inherit;
  outline:none;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.field input::placeholder,
.field textarea::placeholder{
  color:#7380a0;
}

.field input:focus,
.field textarea:focus,
.field select:focus{
  border-color:rgba(79,141,255,.44);
  box-shadow:0 0 0 4px rgba(79,141,255,.12);
  background:rgba(255,255,255,.06);
}

.field textarea{
  min-height:120px;
  resize:vertical;
}

.field-help{
  margin:0;
  color:var(--account-muted-2);
  font-size:.85rem;
  line-height:1.5;
}

.pill-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.info-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:#dbe3f7;
  font-weight:800;
  font-size:.82rem;
}

.info-pill i{
  color:var(--account-blue-2);
}

.list-clean{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}

.list-clean li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#dce3f4;
  line-height:1.55;
}

.list-clean li i{
  color:var(--account-teal);
  margin-top:3px;
}

.timeline{
  display:grid;
  gap:12px;
}

.timeline__item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.timeline__bullet{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--account-blue-2);
  box-shadow:0 0 0 4px rgba(103,203,255,.12);
}

.timeline__label{
  margin:0;
  font-weight:900;
}

.timeline__meta{
  margin:0;
  color:var(--account-muted);
  font-size:.84rem;
}

.timeline__date{
  color:#8d99b3;
  font-size:.8rem;
  font-weight:800;
}

.empty-state{
  padding:28px;
  border-radius:22px;
  border:1px dashed rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:var(--account-muted);
  line-height:1.7;
}

.stack{
  display:grid;
  gap:14px;
}

body.account-page--upgrade #main-nav{
  position:sticky;
  top:0;
  z-index:90;
  backdrop-filter:blur(20px);
  background:rgba(6,8,16,.82);
  border-bottom:1px solid rgba(255,255,255,.06);
}

body.account-page--upgrade #main-nav.scrolled{
  background:rgba(6,8,16,.92);
}

body.account-page--upgrade .nav-container{
  max-width:1220px;
  margin:0 auto;
  padding:16px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

body.account-page--upgrade .logo,
body.account-page--upgrade a.logo{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  color:#fff;
  font-weight:900;
  font-size:1.38rem;
  letter-spacing:-.04em;
}

body.account-page--upgrade .logo .accent{
  color:var(--account-blue);
}

body.account-page--upgrade .nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

body.account-page--upgrade .nav-links a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--account-muted);
  text-decoration:none;
  font-weight:800;
  font-size:.86rem;
  letter-spacing:.02em;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid transparent;
  transition:all .18s ease;
}

body.account-page--upgrade .nav-links a:hover,
body.account-page--upgrade .nav-links a.active{
  color:#fff;
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

body.account-page--upgrade .nav-auth-slot{
  display:flex;
  align-items:center;
  gap:12px;
}

body.account-page--upgrade .nav-signin-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  border-radius:16px;
  padding:12px 16px;
  font-weight:800;
  font-size:.92rem;
  letter-spacing:.01em;
  color:#fff;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

body.account-page--upgrade .nav-signin-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
}

body.account-page--upgrade .nav-profile-wrap{
  position:relative;
}

body.account-page--upgrade .nav-profile-trigger{
  appearance:none;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.05);
  color:#fff;
  border-radius:999px;
  padding:7px 10px 7px 7px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}

body.account-page--upgrade .nav-profile-trigger img,
body.account-page--upgrade .nav-profile-menu__head img{
  width:30px;
  height:30px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  background:#101522;
}

body.account-page--upgrade .nav-profile-trigger__name{
  font-weight:800;
  font-size:.9rem;
}

body.account-page--upgrade .nav-profile-trigger__chev{
  transition:transform .18s ease;
}

body.account-page--upgrade .nav-profile-wrap.is-open .nav-profile-trigger__chev{
  transform:rotate(180deg);
}

body.account-page--upgrade .nav-profile-menu{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  min-width:290px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(10,14,24,.98), rgba(8,11,19,.98));
  border:1px solid rgba(118,150,255,.16);
  box-shadow:0 25px 80px rgba(0,0,0,.46);
  padding:14px;
  transform:translateY(-8px) scale(.98);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}

body.account-page--upgrade .nav-profile-menu[hidden]{
  display:none !important;
}

body.account-page--upgrade .nav-profile-menu.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

body.account-page--upgrade .nav-profile-menu::before{
  content:"";
  position:absolute;
  top:-7px;
  right:24px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:inherit;
  border-left:1px solid rgba(118,150,255,.16);
  border-top:1px solid rgba(118,150,255,.16);
}

body.account-page--upgrade .nav-profile-menu__head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 4px 14px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

body.account-page--upgrade .nav-profile-menu__head img{
  width:38px;
  height:38px;
}

body.account-page--upgrade .nav-profile-menu__head strong{
  display:block;
  font-size:1rem;
}

body.account-page--upgrade .nav-profile-menu__head span{
  color:#8f9ab3;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--upgrade .nav-profile-menu a,
body.account-page--upgrade .nav-profile-menu button{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 12px;
  border-radius:16px;
  text-decoration:none;
  color:#e4eaf7;
  font-size:.95rem;
  font-weight:800;
  background:transparent;
  border:0;
  cursor:pointer;
  text-align:left;
  transition:background .18s ease, transform .18s ease, color .18s ease;
}

body.account-page--upgrade .nav-profile-menu a:hover,
body.account-page--upgrade .nav-profile-menu button:hover{
  background:rgba(255,255,255,.05);
  transform:translateX(2px);
}

body.account-page--upgrade .nav-profile-menu__logout{
  color:#ffe7e7;
  background:rgba(255,77,77,.1);
  box-shadow:inset 0 0 0 1px rgba(255,77,77,.16);
}

body.account-page--upgrade .nav-profile-menu__logout:hover{
  background:rgba(255,77,77,.18);
  color:#fff2f2;
}

body.account-page--upgrade .mobile-toggle{
  display:none;
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#fff;
  font-size:1.3rem;
  cursor:pointer;
}

body.account-page--upgrade .mobile-menu{
  position:fixed;
  inset:0;
  z-index:95;
  background:rgba(5,7,13,.94);
  backdrop-filter:blur(18px);
  padding:22px 18px;
  display:none;
}

body.account-page--upgrade .mobile-menu.open{
  display:block;
}

body.account-page--upgrade .mobile-menu-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
}

body.account-page--upgrade .mobile-close{
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#fff;
  font-size:1.1rem;
  cursor:pointer;
}

body.account-page--upgrade .mobile-menu-links{
  display:grid;
  gap:10px;
}

body.account-page--upgrade .mobile-menu-links a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:#eef3ff;
  text-decoration:none;
  font-weight:800;
}

body.account-page--upgrade .mobile-menu-divider{
  height:1px;
  background:rgba(255,255,255,.08);
  margin:8px 0;
}

body.account-page--upgrade .pricing-grid--upgrade{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}

body.account-page--upgrade .tier-card--upgrade{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.96));
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  min-height:100%;
  overflow:hidden;
}

body.account-page--upgrade .tier-card--upgrade.featured{
  border-color:rgba(79,141,255,.24);
  box-shadow:0 30px 70px rgba(79,141,255,.12);
}

body.account-page--upgrade .tier-card__icon{
  font-size:2.35rem;
}

body.account-page--upgrade .tier-card__icon--muted{
  color:rgba(255,255,255,.4);
}

body.account-page--upgrade .tier-card__icon--blue{
  color:var(--account-blue);
}

body.account-page--upgrade .tier-card__icon--gold{
  color:var(--account-gold);
}

body.account-page--upgrade .tier-sep h3{
  margin:0 0 6px;
  font-size:1.7rem;
  letter-spacing:-.03em;
}

body.account-page--upgrade .tier-sep p,
body.account-page--upgrade .tier-copy,
body.account-page--upgrade .tier-note{
  margin:0;
  color:var(--account-muted);
  line-height:1.6;
}

body.account-page--upgrade .tier-price{
  font-size:2.25rem;
  font-weight:900;
  letter-spacing:-.05em;
}

body.account-page--upgrade .tier-price small{
  font-size:.95rem;
  color:var(--account-muted);
}

body.account-page--upgrade .tier-features{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

body.account-page--upgrade .tier-features li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#dce3f4;
}

body.account-page--upgrade .tier-features li i{
  margin-top:2px;
  color:var(--account-teal);
}

body.account-page--upgrade .popular-badge{
  position:absolute;
  top:18px;
  right:18px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(79,141,255,.14);
  border:1px solid rgba(79,141,255,.22);
  color:#dfe9ff;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.account-page--upgrade .tier-btn{
  margin-top:auto;
}

body.account-page--upgrade .tier-btn--gold{
  border-color:rgba(240,193,91,.4);
  color:var(--account-gold);
}

body.account-page--upgrade .tier-btn--gold:hover{
  border-color:rgba(240,193,91,.68);
}

body.account-page--upgrade .upgrade-spotlight__list{
  margin-top:4px;
}

body.account-page--upgrade .upgrade-spotlight{
  gap:18px;
}

body.account-page--upgrade .upgrade-spotlight__lead{
  margin:-2px 0 0;
  color:var(--account-muted);
  line-height:1.65;
}

body.account-page--upgrade .upgrade-spotlight__rail{
  position:relative;
  display:grid;
  gap:12px;
  padding:14px 0 4px;
}

body.account-page--upgrade .upgrade-spotlight__rail-line{
  position:absolute;
  left:11px;
  top:16px;
  bottom:20px;
  width:2px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(79,141,255,.22), rgba(240,193,91,.22));
}

body.account-page--upgrade .upgrade-spotlight__entry{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  padding:16px 16px 16px 0;
  border-radius:20px;
  color:#eff4ff;
}

body.account-page--upgrade .upgrade-spotlight__entry--active{
  padding-left:12px;
  background:linear-gradient(90deg, rgba(79,141,255,.16), rgba(255,255,255,.03));
  border:1px solid rgba(79,141,255,.2);
  box-shadow:0 18px 36px rgba(79,141,255,.1);
}

body.account-page--upgrade .upgrade-spotlight__entry strong{
  display:block;
  margin-bottom:4px;
  font-size:.98rem;
}

body.account-page--upgrade .upgrade-spotlight__entry span{
  color:var(--account-muted);
  font-size:.84rem;
  line-height:1.45;
}

body.account-page--upgrade .upgrade-spotlight__entry em{
  font-style:normal;
  font-weight:900;
  font-size:.95rem;
  color:#f2f6ff;
}

body.account-page--upgrade .upgrade-spotlight__dot{
  width:24px;
  height:24px;
  border-radius:999px;
  border:6px solid rgba(255,255,255,.04);
  box-shadow:0 0 0 1px rgba(255,255,255,.06);
  background:#1d2434;
}

body.account-page--upgrade .upgrade-spotlight__dot--muted{
  background:rgba(255,255,255,.38);
}

body.account-page--upgrade .upgrade-spotlight__dot--blue{
  background:var(--account-blue);
  box-shadow:0 0 0 1px rgba(79,141,255,.32), 0 0 28px rgba(79,141,255,.35);
}

body.account-page--upgrade .upgrade-spotlight__dot--gold{
  background:var(--account-gold);
  box-shadow:0 0 0 1px rgba(240,193,91,.26);
}

body.account-page--upgrade .upgrade-spotlight__facts{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.account-page--upgrade .upgrade-spotlight__fact{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

body.account-page--upgrade .upgrade-spotlight__fact strong{
  display:block;
  margin-bottom:4px;
  font-size:.9rem;
}

body.account-page--upgrade .upgrade-spotlight__fact span{
  color:var(--account-muted);
  font-size:.8rem;
  line-height:1.45;
}

body.account-page--upgrade .upgrade-steps-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}

body.account-page--upgrade .upgrade-mini-card{
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(16,20,33,.84), rgba(10,14,24,.92));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 52px rgba(0,0,0,.24);
}

body.account-page--upgrade .upgrade-mini-card--accent{
  border-color:rgba(79,141,255,.24);
  background:linear-gradient(180deg, rgba(18,26,46,.92), rgba(10,14,24,.96));
}

body.account-page--upgrade .upgrade-mini-card__num{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:14px;
  background:#f7fafc;
  color:#08111d;
  font-weight:900;
}

body.account-page--upgrade .upgrade-mini-card h3{
  margin:0 0 8px;
  font-size:1.1rem;
}

body.account-page--upgrade .upgrade-mini-card p{
  margin:0;
  color:var(--account-muted);
  line-height:1.6;
}

body.account-page--upgrade .upgrade-shell{
  display:grid;
  gap:22px;
}

body.account-page--upgrade{
  font-family:'Quicksand',system-ui,-apple-system,sans-serif;
}

body.account-page--upgrade .upgrade-hero{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
  gap:22px;
  align-items:stretch;
}

body.account-page--upgrade .upgrade-hero__copy{
  padding:30px;
  position:relative;
  overflow:hidden;
}

body.account-page--upgrade .upgrade-hero__copy::before{
  content:"";
  position:absolute;
  inset:auto -14% -38% 34%;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(79,141,255,.18), transparent 62%);
  pointer-events:none;
}

body.account-page--upgrade .upgrade-eyebrow{
  background:rgba(79,141,255,.14);
  border-color:rgba(79,141,255,.22);
}

body.account-page--upgrade .upgrade-hero h1{
  margin:18px 0 12px;
  font-size:clamp(2.3rem,4.8vw,4.6rem);
}

body.account-page--upgrade .upgrade-lead{
  max-width:60ch;
}

body.account-page--upgrade .upgrade-chip-row{
  margin-top:20px;
}

body.account-page--upgrade .upgrade-hero__actions{
  margin-top:24px;
}

body.account-page--upgrade .upgrade-status-card{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:24px;
}

body.account-page--upgrade .upgrade-status-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

body.account-page--upgrade .upgrade-status-card__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--account-muted);
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(255,255,255,.06);
  color:#dbe6ff;
  border:1px solid rgba(255,255,255,.08);
}

body.account-page--upgrade .upgrade-status-badge[data-state="active"],
body.account-page--upgrade .upgrade-status-badge[data-state="pending"]{
  background:rgba(62,215,196,.14);
  border-color:rgba(62,215,196,.22);
  color:#dafaf5;
}

body.account-page--upgrade .upgrade-status-badge[data-state="pending"]{
  background:rgba(79,141,255,.15);
  border-color:rgba(79,141,255,.22);
  color:#dfe9ff;
}

body.account-page--upgrade .upgrade-status-badge[data-state="free"],
body.account-page--upgrade .upgrade-status-badge[data-state="not connected"]{
  background:rgba(255,255,255,.05);
  color:#c7d0e3;
}

body.account-page--upgrade .upgrade-status-badge[data-state="expired"],
body.account-page--upgrade .upgrade-status-badge[data-state="sync_error"],
body.account-page--upgrade .upgrade-status-badge[data-state="requires_reconnect"]{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.18);
  color:#ffd5d5;
}

body.account-page--upgrade .upgrade-status-card__body{
  display:grid;
  gap:16px;
}

body.account-page--upgrade .upgrade-status-card__plan{
  margin:0;
  font-size:2.15rem;
  line-height:1;
  letter-spacing:-.05em;
  font-weight:900;
}

body.account-page--upgrade .upgrade-status-card__price{
  margin:10px 0 0;
  font-size:1.55rem;
  font-weight:900;
  letter-spacing:-.04em;
}

body.account-page--upgrade .upgrade-status-card__price small{
  font-size:.82rem;
  color:var(--account-muted);
  font-weight:800;
}

body.account-page--upgrade .upgrade-status-card__copy{
  margin:12px 0 0;
  color:var(--account-muted);
  line-height:1.65;
}

body.account-page--upgrade .upgrade-status-card__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body.account-page--upgrade .upgrade-mini-stat{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

body.account-page--upgrade .upgrade-mini-stat span{
  display:block;
  color:var(--account-muted);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:8px;
}

body.account-page--upgrade .upgrade-mini-stat strong{
  display:block;
  font-size:.96rem;
  font-weight:900;
  color:#fff;
}

body.account-page--upgrade .upgrade-state-stack{
  display:grid;
  gap:8px;
}

body.account-page--upgrade .upgrade-state-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:#e6ecfb;
  font-weight:700;
}

body.account-page--upgrade .upgrade-state-row i{
  color:var(--account-blue-2);
  font-size:1rem;
}

body.account-page--upgrade .upgrade-status-card__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:auto;
}

body.account-page--upgrade .upgrade-status-card__actions .account-btn{
  flex:1 1 190px;
}

body.account-page--upgrade .upgrade-section-head{
  align-items:flex-end;
}

body.account-page--upgrade .upgrade-section-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#dfe9ff;
  font-weight:900;
  text-decoration:none;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}

body.account-page--upgrade .upgrade-section-link:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
}

body.account-page--upgrade .upgrade-plan-grid{
  align-items:stretch;
}

body.account-page--upgrade .upgrade-tier-card{
  border-radius:28px;
  min-height:100%;
}

body.account-page--upgrade .upgrade-tier-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

body.account-page--upgrade .upgrade-tier-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.2);
  color:#dfe9ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-tier-badge--muted{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
  color:#cfd7ea;
}

body.account-page--upgrade .upgrade-tier-badge--gold{
  background:rgba(240,193,91,.12);
  border-color:rgba(240,193,91,.22);
  color:#ffe7ae;
}

body.account-page--upgrade .upgrade-tier-badge--current{
  background:rgba(62,215,196,.14);
  border-color:rgba(62,215,196,.22);
  color:#dafaf5;
}

body.account-page--upgrade .upgrade-tier-card.is-current{
  border-color:rgba(62,215,196,.22);
  box-shadow:0 28px 64px rgba(62,215,196,.08);
}

body.account-page--upgrade .upgrade-tier-card.is-current .tier-price{
  color:#9df5e9;
}

body.account-page--upgrade .upgrade-flow-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

body.account-page--upgrade .upgrade-flow-card{
  position:relative;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(16,20,33,.86), rgba(10,14,24,.94));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 46px rgba(0,0,0,.22);
  overflow:hidden;
}

body.account-page--upgrade .upgrade-flow-card::after{
  content:"";
  position:absolute;
  inset:auto -20% -35% 35%;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(79,141,255,.16), transparent 62%);
  pointer-events:none;
}

body.account-page--upgrade .upgrade-flow-card--accent{
  background:linear-gradient(180deg, rgba(18,26,46,.94), rgba(10,14,24,.96));
  border-color:rgba(79,141,255,.2);
}

body.account-page--upgrade .upgrade-flow-card__num{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  margin-bottom:14px;
  background:#f7fafc;
  color:#08111d;
  font-weight:900;
}

body.account-page--upgrade .upgrade-flow-card i{
  display:inline-flex;
  margin-bottom:12px;
  color:var(--account-blue-2);
  font-size:1.35rem;
}

body.account-page--upgrade .upgrade-flow-card h3{
  margin:0 0 8px;
  font-size:1.05rem;
}

body.account-page--upgrade .upgrade-flow-card p{
  margin:0;
  color:var(--account-muted);
  line-height:1.6;
}

body.account-page--upgrade .pricing-compare-cta{
  display:flex;
  justify-content:center;
  margin-top:22px;
}

body.account-page--upgrade .pricing-compare-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 22px;
  border-radius:999px;
  border:1px solid rgba(79,141,255,.28);
  background:
    linear-gradient(135deg, rgba(79,141,255,.14), rgba(62,215,196,.08)),
    rgba(255,255,255,.03);
  color:#fff;
  font:inherit;
  font-size:.85rem;
  font-weight:800;
  letter-spacing:.04em;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
  box-shadow:0 12px 28px rgba(79,141,255,.12);
}

body.account-page--upgrade .pricing-compare-toggle i{
  color:var(--account-blue);
  font-size:1.05rem;
}

body.account-page--upgrade .pricing-compare-toggle:hover{
  transform:translateY(-2px);
  border-color:rgba(79,141,255,.45);
  background:
    linear-gradient(135deg, rgba(79,141,255,.2), rgba(62,215,196,.1)),
    rgba(255,255,255,.05);
}

body.account-page--upgrade .pricing-compare-panel{
  max-height:0;
  opacity:0;
  transform:translateY(14px);
  overflow:hidden;
  margin-top:0;
  transition:
    max-height .55s cubic-bezier(.16,1,.3,1),
    opacity .35s ease,
    transform .35s ease,
    margin-top .35s ease;
}

body.account-page--upgrade .pricing-compare-panel.open{
  max-height:3200px;
  opacity:1;
  transform:translateY(0);
  margin-top:22px;
}

body.account-page--upgrade .pricing-compare-shell{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)),
    rgba(10,12,16,.82);
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  padding:24px;
  box-shadow:0 24px 60px -35px rgba(0,0,0,.8);
  overflow:hidden;
}

body.account-page--upgrade .pricing-compare-head{
  margin-bottom:18px;
}

body.account-page--upgrade .pricing-compare-head .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#dfe9ff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

body.account-page--upgrade .pricing-compare-head h3{
  margin:8px 0 10px;
  font-size:clamp(1.3rem,2vw,1.8rem);
  line-height:1.1;
}

body.account-page--upgrade .pricing-compare-head p{
  margin:0;
  max-width:72ch;
  color:var(--account-muted);
  line-height:1.65;
}

body.account-page--upgrade .pricing-compare-scroll{
  overflow-x:auto;
  overflow-y:visible;
  padding-bottom:2px;
}

body.account-page--upgrade .comparison-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
  text-align:left;
  font-size:.92rem;
  color:rgba(255,255,255,.8);
}

body.account-page--upgrade .comparison-table thead th{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--account-muted);
}

body.account-page--upgrade .comparison-table thead th:first-child{
  text-align:left;
}

body.account-page--upgrade .comparison-table tbody td{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.05);
}

body.account-page--upgrade .comparison-table tbody tr:hover td{
  background:rgba(255,255,255,.02);
}

body.account-page--upgrade .comparison-table td.feature-name{
  color:#fff;
  font-weight:700;
}

body.account-page--upgrade .comparison-table td.center{
  text-align:center;
}

body.account-page--upgrade .comparison-table td.value-white{
  color:#e8eefc;
  font-weight:800;
}

body.account-page--upgrade .comparison-table td.value-gold{
  color:var(--account-gold);
  font-weight:900;
}

body.account-page--upgrade .comparison-table td.available i{
  color:#46dfb5;
  font-size:1.08rem;
}

body.account-page--upgrade .comparison-table td.locked i{
  color:#fb7185;
  font-size:1.08rem;
}

body.account-page--upgrade .comparison-table .comparison-group td{
  padding:14px 18px;
  border-bottom:0;
  background:rgba(255,255,255,.025);
}

body.account-page--upgrade .comparison-table .comparison-group span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.18);
  color:#dfe9ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

body.account-page--upgrade .upgrade-status-card--compact{
  padding:22px;
}

body.account-page--upgrade .upgrade-badge-cloud{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}

body.account-page--upgrade .upgrade-badge-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#e6ecfb;
  font-size:.8rem;
  font-weight:800;
}

body.account-page--upgrade .upgrade-badge-pill i{
  font-size:1rem;
}

body.account-page--upgrade .upgrade-badge-pill--green{
  background:rgba(62,215,196,.12);
  border-color:rgba(62,215,196,.2);
}

body.account-page--upgrade .upgrade-badge-pill--gray{
  background:rgba(255,255,255,.04);
}

body.account-page--upgrade .upgrade-badge-pill--blue{
  background:rgba(79,141,255,.12);
  border-color:rgba(79,141,255,.2);
}

body.account-page--upgrade .upgrade-badge-pill--yellow{
  background:rgba(240,193,91,.12);
  border-color:rgba(240,193,91,.2);
}

body.account-page--upgrade .upgrade-badge-pill--red{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.2);
}

body.account-page--upgrade .upgrade-notes{
  margin-top:18px;
}

body.account-page--upgrade .upgrade-status-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 18px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(16,20,33,.9), rgba(10,14,24,.95));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}

body.account-page--upgrade .upgrade-status-bar__meta{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  flex:1 1 auto;
}

body.account-page--upgrade .upgrade-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#dfe9ff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-status-bar__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.account-page--upgrade .upgrade-status-bar__identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

body.account-page--upgrade .upgrade-status-bar__user{
  display:inline-flex;
  align-items:center;
  min-width:0;
  max-width:min(48vw, 320px);
  color:#f5f8ff;
  font-size:.98rem;
  font-weight:900;
  letter-spacing:.01em;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.account-page--upgrade .upgrade-status-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#e8eefc;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
}

body.account-page--upgrade .upgrade-status-bar__cta{
  flex:none;
  min-height:42px;
  padding:10px 14px;
}

body.account-page--upgrade .upgrade-beta-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding:18px 22px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(12,16,28,.95), rgba(17,27,46,.92));
  border:1px solid rgba(79,141,255,.14);
  box-shadow:0 18px 60px rgba(0,0,0,.22);
}

body.account-page--upgrade .upgrade-beta-banner__icon{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.18);
  color:#9cc5ff;
  font-size:1.25rem;
}

body.account-page--upgrade .upgrade-beta-banner__copy{
  flex:1 1 auto;
  min-width:0;
}

body.account-page--upgrade .upgrade-beta-banner__eyebrow{
  display:inline-flex;
  margin-bottom:6px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(62,215,196,.12);
  border:1px solid rgba(62,215,196,.18);
  color:#d8fbf5;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-beta-banner strong{
  display:block;
  color:#f4f7ff;
  font-size:1rem;
  font-weight:900;
  margin-bottom:4px;
}

body.account-page--upgrade .upgrade-beta-banner p{
  margin:0;
  color:#b8c4da;
  line-height:1.6;
}

body.account-page--upgrade .upgrade-beta-banner__cta{
  flex:0 0 auto;
  white-space:nowrap;
}

body.account-page--upgrade .upgrade-status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(36,120,255,.12);
  color:#dff0ff;
  border:1px solid rgba(90,160,255,.22);
}

body.account-page--upgrade .upgrade-center-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

body.account-page--upgrade .upgrade-panel{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:100%;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(16,20,33,.86), rgba(10,14,24,.95));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}

body.account-page--upgrade .upgrade-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

body.account-page--upgrade .upgrade-plan-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(16,20,33,.86), rgba(10,14,24,.95));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}

body.account-page--upgrade .upgrade-plan-card::after{
  content:"";
  position:absolute;
  inset:auto -12% -34% 42%;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(79,141,255,.16), transparent 65%);
  pointer-events:none;
}

body.account-page--upgrade .upgrade-plan-card.is-current{
  border-color:rgba(79,141,255,.3);
  box-shadow:0 26px 64px rgba(79,141,255,.1), 0 24px 60px rgba(0,0,0,.22);
}

body.account-page--upgrade .upgrade-plan-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

body.account-page--upgrade .upgrade-plan-card__level{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--account-muted);
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-plan-card__tag{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#dbe6ff;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-plan-card__tag--accent{
  background:rgba(79,141,255,.14);
  border-color:rgba(79,141,255,.22);
}

body.account-page--upgrade .upgrade-plan-card__tag--elite{
  background:rgba(62,215,196,.14);
  border-color:rgba(62,215,196,.22);
  color:#dafaf5;
}

body.account-page--upgrade .upgrade-plan-card h3{
  margin:0;
  font-size:1.55rem;
  line-height:1.05;
  letter-spacing:-.04em;
}

body.account-page--upgrade .upgrade-plan-card__copy{
  margin:0;
  color:var(--account-muted);
  font-size:.9rem;
  line-height:1.45;
}

body.account-page--upgrade .upgrade-plan-card__price{
  display:flex;
  align-items:baseline;
  gap:8px;
}

body.account-page--upgrade .upgrade-plan-card__price strong{
  font-size:1.55rem;
  font-weight:900;
  letter-spacing:-.04em;
}

body.account-page--upgrade .upgrade-plan-card__price span{
  color:var(--account-muted);
  font-size:.8rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.account-page--upgrade .upgrade-plan-card__section{
  display:grid;
  gap:8px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.06);
}

body.account-page--upgrade .upgrade-plan-card__section-label{
  color:#93a2c7;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-plan-card__section p{
  margin:0;
  color:#dce3f4;
  line-height:1.45;
  font-size:.92rem;
}

body.account-page--upgrade .upgrade-plan-card__cta{
  margin-top:auto;
  width:100%;
}

body.account-page--upgrade .upgrade-panel__label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--account-muted);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-panel h2{
  margin:0;
  font-size:1.55rem;
  line-height:1.05;
  letter-spacing:-.04em;
}

body.account-page--upgrade .upgrade-panel__copy{
  margin:0;
  color:var(--account-muted);
  font-size:.88rem;
  line-height:1.45;
}

body.account-page--upgrade .upgrade-panel__price{
  margin:0;
  color:#dfe9ff;
  font-size:1.5rem;
  font-weight:900;
  letter-spacing:-.04em;
}

body.account-page--upgrade .upgrade-panel__badge-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

body.account-page--upgrade .upgrade-mini-badge{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(62,215,196,.12);
  border:1px solid rgba(62,215,196,.2);
  color:#dafaf5;
  font-size:.72rem;
  font-weight:900;
}

body.account-page--upgrade .upgrade-mini-badge--soft{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
  color:#cdd7ea;
}

body.account-page--upgrade .upgrade-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}

body.account-page--upgrade .upgrade-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#dce3f4;
  line-height:1.4;
  font-size:.92rem;
}

body.account-page--upgrade .upgrade-list li i{
  margin-top:2px;
  color:var(--account-teal);
}

body.account-page--upgrade .upgrade-meter{
  display:grid;
  gap:8px;
  margin-top:auto;
}

body.account-page--upgrade .upgrade-meter__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--account-muted);
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.account-page--upgrade .upgrade-meter__head strong{
  color:#fff;
}

body.account-page--upgrade .upgrade-meter__track{
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
}

body.account-page--upgrade .upgrade-meter__track span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, var(--account-blue), var(--account-teal));
  box-shadow:0 0 18px rgba(79,141,255,.3);
  transition:width .35s ease;
}

body.account-page--upgrade .upgrade-sync-hero{
  display:flex;
  align-items:center;
  gap:12px;
}

body.account-page--upgrade .upgrade-sync-hero__icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.2);
  color:var(--account-blue-2);
  font-size:1.15rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body.account-page--upgrade .upgrade-sync-hero h2{
  margin:0;
  font-size:1.45rem;
}

body.account-page--upgrade .upgrade-sync-hero p{
  margin:4px 0 0;
  color:var(--account-muted);
  line-height:1.4;
  font-size:.9rem;
}

body.account-page--upgrade .upgrade-sync-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

body.account-page--upgrade .upgrade-actions-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body.account-page--upgrade .upgrade-action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:12px 14px;
  border-radius:16px;
  text-decoration:none;
  color:#e8eefc;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-weight:800;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

body.account-page--upgrade .upgrade-action-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
}

body.account-page--upgrade .upgrade-action-btn--primary{
  color:#08111d;
  background:linear-gradient(135deg, #fff, #f4f7ff);
}

body.account-page--upgrade .upgrade-action-note{
  margin-top:auto;
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:var(--account-muted);
  line-height:1.4;
  padding-top:4px;
  font-size:.88rem;
}

body.account-page--upgrade .upgrade-action-note i{
  color:var(--account-blue-2);
  margin-top:2px;
}

body.account-page--upgrade .upgrade-flow-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

body.account-page--upgrade .upgrade-flow-card{
  position:relative;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(16,20,33,.86), rgba(10,14,24,.94));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}

body.account-page--upgrade .upgrade-flow-card::after{
  content:"";
  position:absolute;
  inset:auto -20% -38% 38%;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(79,141,255,.16), transparent 62%);
  pointer-events:none;
}

body.account-page--upgrade .upgrade-flow-card__num{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  margin-bottom:10px;
  border-radius:14px;
  background:#f7fafc;
  color:#08111d;
  font-size:.92rem;
  font-weight:900;
}

body.account-page--upgrade .upgrade-flow-card i{
  display:inline-flex;
  margin-bottom:8px;
  color:var(--account-blue-2);
  font-size:1.15rem;
}

body.account-page--upgrade .upgrade-flow-card h3{
  margin:0 0 6px;
  font-size:1rem;
}

body.account-page--upgrade .upgrade-flow-card p{
  margin:0;
  color:var(--account-muted);
  line-height:1.35;
  font-size:.88rem;
}

body.account-page--upgrade .upgrade-flow-card.is-active{
  border-color:rgba(79,141,255,.32);
  box-shadow:0 20px 52px rgba(79,141,255,.14);
}

body.account-page--upgrade .upgrade-flow-card.is-done{
  border-color:rgba(62,215,196,.22);
}

body.account-page--upgrade .upgrade-flow-card.is-warning{
  border-color:rgba(245,158,11,.22);
}

body.account-page--upgrade .upgrade-flow-card.is-active .upgrade-flow-state{
  background:rgba(79,141,255,.14);
  color:#dfe9ff;
}

body.account-page--upgrade .upgrade-flow-card.is-done .upgrade-flow-state{
  background:rgba(62,215,196,.14);
  color:#ebfffc;
}

body.account-page--upgrade .upgrade-flow-card.is-warning .upgrade-flow-state{
  background:rgba(245,158,11,.14);
  color:#fff3d6;
}

body.account-page--upgrade .upgrade-flow-state{
  display:inline-flex;
  margin-top:12px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#cdd7ea;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-switcher{
  padding:18px;
  display:grid;
  gap:14px;
  background:linear-gradient(180deg, rgba(16,20,33,.86), rgba(10,14,24,.95));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}

body.account-page--upgrade .upgrade-switcher__tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

body.account-page--upgrade .upgrade-switcher__tab{
  appearance:none;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#dfe9ff;
  border-radius:18px;
  min-height:52px;
  padding:12px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

body.account-page--upgrade .upgrade-switcher__tab:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
}

body.account-page--upgrade .upgrade-switcher__tab.is-active{
  background:linear-gradient(135deg, rgba(79,141,255,.22), rgba(62,215,196,.14));
  border-color:rgba(79,141,255,.28);
  color:#fff;
}

body.account-page--upgrade .upgrade-switcher__panel{
  padding:4px 2px 2px;
}

body.account-page--upgrade .upgrade-switcher__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

body.account-page--upgrade .upgrade-switcher__level{
  display:inline-flex;
  margin-bottom:8px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(79,141,255,.14);
  border:1px solid rgba(79,141,255,.22);
  color:#dfe9ff;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-switcher__head h3{
  margin:0;
  font-size:1.55rem;
}

body.account-page--upgrade .upgrade-switcher__head p{
  margin:6px 0 0;
  color:var(--account-muted);
  line-height:1.45;
  font-size:.9rem;
}

body.account-page--upgrade .upgrade-switcher__price{
  text-align:right;
}

body.account-page--upgrade .upgrade-switcher__price strong{
  display:block;
  font-size:1.45rem;
  font-weight:900;
}

body.account-page--upgrade .upgrade-switcher__price span{
  display:inline-flex;
  margin-top:6px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#cdd7ea;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.account-page--upgrade .upgrade-switcher__body{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:end;
}

body.account-page--upgrade .upgrade-switcher__cta{
  display:grid;
  gap:10px;
  justify-items:end;
  min-width:190px;
}

body.account-page--upgrade .upgrade-switcher__mini{
  color:var(--account-muted);
  font-size:.86rem;
}

body.account-page--upgrade .upgrade-unlock-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.account-page--upgrade .upgrade-unlock-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#cdd7ea;
  font-weight:800;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

body.account-page--upgrade .upgrade-unlock-pill.is-active{
  background:rgba(62,215,196,.14);
  border-color:rgba(62,215,196,.22);
  color:#ebfffc;
  box-shadow:0 0 0 1px rgba(62,215,196,.08), 0 0 24px rgba(62,215,196,.06);
}

body.account-page--upgrade .upgrade-unlock-pill.is-locked{
  opacity:.45;
  filter:saturate(.6);
}

body.account-page--upgrade .upgrade-accordion{
  padding:0;
  overflow:hidden;
}

body.account-page--upgrade .upgrade-accordion summary{
  list-style:none;
  cursor:pointer;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

body.account-page--upgrade .upgrade-accordion summary::-webkit-details-marker{
  display:none;
}

body.account-page--upgrade .upgrade-accordion summary h2{
  margin:0 0 6px;
  font-size:1.2rem;
}

body.account-page--upgrade .upgrade-accordion summary p{
  margin:0;
  color:var(--account-muted);
  font-size:.9rem;
}

body.account-page--upgrade .upgrade-accordion summary i{
  font-size:1.5rem;
  color:#cdd7ea;
  transition:transform .18s ease;
}

body.account-page--upgrade .upgrade-accordion[open] summary i{
  transform:rotate(180deg);
}

.account-footer{
  max-width:1220px;
  margin:0 auto;
  padding:0 22px 34px;
  color:var(--account-muted-2);
  font-size:.9rem;
}

.account-footer__inner{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.06);
  flex-wrap:wrap;
}

.account-footer a{
  color:inherit;
  text-decoration:none;
}

.account-footer a:hover{
  color:#fff;
}

.account-hide{
  display:none !important;
}

@media (max-width: 1080px){
  .account-hero{
    grid-template-columns:1fr;
  }
  .account-card--wide,
  .account-card--narrow{
    grid-column:span 12;
  }
  .plan-grid{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .pricing-grid--upgrade,
  body.account-page--upgrade .upgrade-steps-grid{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .upgrade-hero,
  body.account-page--upgrade .upgrade-status-grid,
  body.account-page--upgrade .upgrade-flow-grid,
  body.account-page--upgrade .upgrade-center-grid{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .upgrade-status-bar{
    flex-direction:column;
    align-items:flex-start;
  }
  body.account-page--upgrade .upgrade-status-bar__meta{
    width:100%;
  }
  body.account-page--upgrade .upgrade-status-bar__user{
    max-width:100%;
  }
  body.account-page--upgrade .upgrade-status-bar__cta{
    width:100%;
  }
  body.account-page--upgrade .upgrade-plan-grid{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .upgrade-switcher__tabs,
  body.account-page--upgrade .upgrade-actions-grid,
  body.account-page--upgrade .upgrade-sync-details,
  body.account-page--upgrade .upgrade-center-grid{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .upgrade-switcher__body{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .upgrade-switcher__cta{
    justify-items:start;
    min-width:0;
  }
}

@media (max-width: 860px){
  .account-topbar__inner{
    flex-wrap:wrap;
    justify-content:center;
  }
  .account-links{
    width:100%;
  }
  .account-actions{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
  }
  .field-grid,
  .account-summary__grid{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .nav-container{
    padding:14px 16px;
  }
  body.account-page--upgrade .nav-links,
  body.account-page--upgrade .nav-signin-btn{
    display:none;
  }
  body.account-page--upgrade .mobile-toggle{
    display:grid;
    place-items:center;
  }
}

@media (max-width: 680px){
  .account-shell{
    padding-inline:16px;
    padding-top:24px;
  }
  .account-hero__panel,
  .account-card,
  .plan-card,
  .account-summary{
    padding:18px;
  }
  .account-hero h1{
    font-size:clamp(2.1rem,12vw,3.2rem);
  }
  .upgrade-spotlight__grid{
    grid-template-columns:1fr;
  }
  .upgrade-step{
    align-items:flex-start;
  }
  .account-menu{
    min-width:min(320px, calc(100vw - 28px));
  }
  .timeline__item{
    grid-template-columns:auto 1fr;
  }
  .timeline__date{
    grid-column:2;
  }
  body.account-page--upgrade .account-shell{
    padding-top:20px;
  }
  body.account-page--upgrade .nav-container{
    gap:12px;
  }
  body.account-page--upgrade .tier-card--upgrade,
  body.account-page--upgrade .upgrade-mini-card{
    padding:18px;
  }
  body.account-page--upgrade .upgrade-hero__copy,
  body.account-page--upgrade .upgrade-status-card,
  body.account-page--upgrade .upgrade-status-card--compact{
    padding:18px;
  }
  body.account-page--upgrade .upgrade-plan-card{
    padding:18px;
  }
  body.account-page--upgrade .upgrade-status-card__stats{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .upgrade-status-card__actions{
    flex-direction:column;
  }
  body.account-page--upgrade .upgrade-status-card__actions .account-btn{
    width:100%;
  }
  body.account-page--upgrade .upgrade-spotlight__facts{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .upgrade-spotlight__entry{
    grid-template-columns:auto 1fr;
  }
  body.account-page--upgrade .upgrade-spotlight__entry em{
    grid-column:2;
  }
  body.account-page--upgrade .comparison-table{
    min-width:560px;
  }
  body.account-page--upgrade .upgrade-switcher__tabs,
  body.account-page--upgrade .upgrade-sync-details,
  body.account-page--upgrade .upgrade-actions-grid,
  body.account-page--upgrade .upgrade-center-grid{
    grid-template-columns:1fr;
  }
  body.account-page--upgrade .upgrade-switcher__head,
  body.account-page--upgrade .upgrade-switcher__body{
    grid-template-columns:1fr;
    display:grid;
  }
  body.account-page--upgrade .upgrade-switcher__cta{
    justify-items:stretch;
    min-width:0;
  }
  body.account-page--upgrade .upgrade-switcher__cta .account-btn{
    width:100%;
  }
  body.account-page--upgrade .nav-profile-menu{
    min-width:min(320px, calc(100vw - 28px));
  }
}

/* Settings app shell */
.settings-shell{
  padding-top:32px;
}

.settings-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:22px;
  padding:10px 4px 0;
}

.settings-hero__copy{
  max-width:760px;
}

.settings-hero__copy h1{
  margin:14px 0 10px;
  font-size:clamp(2.3rem,4.8vw,4.4rem);
  line-height:.95;
  letter-spacing:-.05em;
}

.settings-hero__meta{
  display:grid;
  gap:12px;
  min-width:320px;
}

.settings-mini-card{
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  padding:16px 18px;
  display:flex;
  flex-direction:column;
  gap:6px;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.settings-mini-card span{
  color:var(--account-muted);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
}

.settings-mini-card strong{
  font-size:1.05rem;
  letter-spacing:-.02em;
  line-height:1.4;
}

.settings-mini-card--avatar{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
}

.settings-mini-card--avatar img{
  width:54px;
  height:54px;
  border-radius:18px;
  object-fit:cover;
  background:#111624;
  border:1px solid rgba(255,255,255,.08);
}

.settings-app{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:22px;
  align-items:start;
}

.settings-rail{
  position:sticky;
  top:94px;
  border-radius:28px;
  padding:18px;
  background:linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.95));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.36);
  display:grid;
  gap:18px;
}

.settings-rail__profile{
  display:flex;
  align-items:center;
  gap:14px;
  padding:6px 4px 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.settings-rail__profile img{
  width:58px;
  height:58px;
  border-radius:18px;
  object-fit:cover;
  background:#111624;
  border:1px solid rgba(255,255,255,.08);
}

.settings-rail__profile strong{
  display:block;
  font-size:1rem;
  margin-bottom:4px;
}

.settings-rail__profile span{
  color:var(--account-muted);
  font-size:.82rem;
}

.settings-rail__nav{
  display:grid;
  gap:10px;
}

.settings-rail__nav a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 15px;
  border-radius:18px;
  text-decoration:none;
  color:#e7edf9;
  font-weight:800;
  background:rgba(255,255,255,.03);
  border:1px solid transparent;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.settings-rail__nav a:hover,
.settings-rail__nav a:focus-visible{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.08);
  transform:translateX(2px);
}

.settings-rail__nav i{
  color:var(--account-blue-2);
  font-size:1.05rem;
}

.settings-rail__actions{
  display:grid;
  gap:10px;
}

.settings-rail__actions .account-btn{
  width:100%;
}

.settings-rail__note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:var(--account-muted);
}

.settings-rail__note i{
  color:var(--account-blue-2);
  margin-top:2px;
}

.settings-rail__note p{
  margin:0;
  line-height:1.5;
}

.settings-content{
  display:grid;
  gap:18px;
}

.settings-panel{
  padding:24px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.92));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.3);
}

.settings-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.settings-panel__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#94a8d6;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.settings-panel__head h2{
  margin:0;
  font-size:1.32rem;
  letter-spacing:-.03em;
}

.settings-status-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.2);
  color:#dfe9ff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

.settings-status-pill--soft{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
  color:#cfd8eb;
}

.settings-status-pill--teal{
  background:rgba(62,215,196,.1);
  border-color:rgba(62,215,196,.18);
  color:#d6fff8;
}

.settings-profile-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:14px;
  margin-bottom:18px;
}

.settings-profile-card{
  border-radius:24px;
  padding:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  gap:16px;
}

.settings-profile-card img{
  width:72px;
  height:72px;
  border-radius:24px;
  object-fit:cover;
  background:#111624;
  border:1px solid rgba(255,255,255,.08);
}

.settings-profile-card strong{
  display:block;
  font-size:1.08rem;
  margin-bottom:6px;
}

.settings-profile-card span{
  color:var(--account-muted);
  line-height:1.5;
}

.settings-profile-blurb{
  border-radius:24px;
  padding:18px;
  background:linear-gradient(135deg, rgba(79,141,255,.08), rgba(62,215,196,.05));
  border:1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
}

.settings-profile-blurb p{
  margin:0;
  color:#dce5f6;
  line-height:1.7;
}

.settings-banner-field{
  margin-bottom:18px;
}

.field-grid--app{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.settings-pill-row{
  margin-top:6px;
}

.settings-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:4px;
}

.settings-actions .account-btn{
  min-width:fit-content;
}

.settings-privacy-card{
  display:grid;
  gap:14px;
  margin-top:10px;
}

.settings-privacy-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(79,141,255,.08), rgba(62,215,196,.05));
  border:1px solid rgba(255,255,255,.06);
}

.settings-privacy-item__copy{
  min-width:0;
}

.settings-privacy-item__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#dbe6ff;
  font-size:.88rem;
  font-weight:900;
  letter-spacing:-.01em;
}

.settings-privacy-item__kicker i{
  color:var(--account-blue-2);
}

.settings-privacy-item p{
  margin:8px 0 0;
  color:var(--account-muted);
  line-height:1.6;
  max-width:42ch;
  font-size:.86rem;
}

.settings-switch{
  display:inline-flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  user-select:none;
}

.settings-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.settings-switch__track{
  width:62px;
  height:34px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  position:relative;
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.settings-switch__track::after{
  content:"";
  position:absolute;
  left:4px;
  top:4px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#fff;
  transition:transform .18s ease, background .18s ease;
  box-shadow:0 8px 18px rgba(0,0,0,.28);
}

.settings-switch input:checked + .settings-switch__track{
  background:rgba(79,141,255,.34);
  border-color:rgba(79,141,255,.42);
  box-shadow:0 0 0 4px rgba(79,141,255,.08);
}

.settings-switch input:checked + .settings-switch__track::after{
  transform:translateX(28px);
  background:#eaf2ff;
}

.settings-switch__label{
  color:#dbe6ff;
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.settings-switch--offer .settings-switch__track{
  width:62px;
}

.settings-profile-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  margin-top:14px;
}

.settings-profile-link span{
  display:block;
  color:var(--account-muted);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
  margin-bottom:8px;
}

.settings-profile-link strong{
  font-size:.98rem;
  letter-spacing:-.01em;
}

@media (max-width: 1080px){
  .settings-hero{
    flex-direction:column;
    align-items:stretch;
  }
  .settings-hero__meta{
    min-width:0;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .settings-app{
    grid-template-columns:1fr;
  }
  .settings-rail{
    position:relative;
    top:auto;
  }
}

@media (max-width: 860px){
  .settings-hero__meta,
  .settings-profile-grid,
  .field-grid--app{
    grid-template-columns:1fr;
  }
}

@media (max-width: 680px){
  .settings-panel,
  .settings-rail,
  .settings-mini-card{
    padding:16px;
  }
  .settings-panel__head{
    flex-direction:column;
  }
  .settings-actions{
    flex-direction:column;
  }
  .settings-actions .account-btn{
    width:100%;
  }
  .settings-privacy-card,
  .settings-profile-link{
    flex-direction:column;
    align-items:flex-start;
  }
  .settings-privacy-actions{
    align-items:flex-start;
  }
}

/* Public profile page */
.profile-shell{
  max-width:1220px;
  margin:0 auto;
  padding:34px 22px 86px;
}

.profile-hero{
  margin-bottom:22px;
}

.profile-hero__card{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 80px rgba(0,0,0,.42);
  padding:28px;
}

.profile-hero__banner{
  position:absolute;
  inset:0 0 auto 0;
  height:220px;
  background:
    linear-gradient(180deg, rgba(6,8,16,.18), rgba(6,8,16,.88)),
    radial-gradient(circle at top left, rgba(79,141,255,.28), transparent 32%),
    radial-gradient(circle at top right, rgba(62,215,196,.18), transparent 26%);
  background-size:cover;
  background-position:center;
  opacity:.9;
}

.profile-hero__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(79,141,255,.22), transparent 26%),
    radial-gradient(circle at 80% 20%, rgba(62,215,196,.14), transparent 28%);
  pointer-events:none;
}

.profile-hero__top{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:22px;
  align-items:center;
  z-index:1;
  padding-top:84px;
}

.profile-avatar-wrap{
  display:grid;
  justify-items:center;
  gap:12px;
}

.profile-avatar-wrap img{
  width:132px;
  height:132px;
  border-radius:34px;
  object-fit:cover;
  background:#111624;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}

.profile-visibility{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.18);
  color:#dfe9ff;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.profile-hero__copy{
  min-width:0;
}

.profile-username{
  margin:0 0 8px;
  color:#93a7d4;
  font-size:.86rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.2em;
}

.profile-hero__copy h1{
  margin:0 0 14px;
  font-size:clamp(2.4rem,5vw,4.9rem);
  line-height:.95;
  letter-spacing:-.06em;
}

.profile-bio{
  margin:0;
  max-width:68ch;
  color:var(--account-muted);
  line-height:1.7;
  font-size:1.02rem;
}

.profile-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.profile-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.profile-badge--blue{
  background:rgba(79,141,255,.14);
  color:#dfe9ff;
  border-color:rgba(79,141,255,.18);
}

.profile-badge--soft{
  background:rgba(255,255,255,.04);
  color:#dce3f4;
}

.profile-badge--referral{
  background:linear-gradient(135deg, rgba(124,245,192,.16), rgba(125,167,255,.14));
  color:#ecfff6;
  border-color:rgba(124,245,192,.22);
  box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 0 0 1px rgba(124,245,192,.08);
}

.profile-badge--referral i{
  font-size:.98rem;
  color:#a9ffe0;
}

.profile-badge--patreon{
  background:linear-gradient(135deg, rgba(14,19,32,.96), rgba(25,37,63,.88));
  color:#f3f7ff;
  border-color:rgba(79,141,255,.24);
  box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 0 0 1px rgba(62,215,196,.08);
}

.profile-badge--patreon i{
  font-size:.98rem;
  color:#7ec8ff;
}

.profile-private{
  position:relative;
  z-index:1;
  margin-top:22px;
  padding:18px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  gap:14px;
}

.profile-private i{
  font-size:1.2rem;
  color:var(--account-blue-2);
}

.profile-private strong{
  display:block;
  margin-bottom:4px;
}

.profile-private p{
  margin:0;
  color:var(--account-muted);
  line-height:1.6;
}

.profile-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  align-items:start;
}

.profile-card{
  grid-column:span 4;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.94));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.32);
}

.profile-card--wide{
  grid-column:span 8;
}

.profile-card__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#dbe6ff;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.profile-stats{
  display:grid;
  gap:12px;
}

.profile-stats--compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.profile-stat{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.profile-stat span{
  color:var(--account-muted);
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}

.profile-stat strong{
  font-size:1rem;
  font-weight:900;
}

.profile-stats--compact .profile-stat{
  min-height:86px;
  padding:16px 18px;
}

.profile-stats--compact .profile-stat strong{
  font-size:1.12rem;
  line-height:1.1;
}

.profile-card--details{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.profile-details-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.profile-detail-pill{
  min-height:90px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.profile-detail-pill span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--account-muted);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.profile-detail-pill span i{
  color:var(--account-blue-2);
  font-size:.95rem;
}

.profile-detail-pill strong{
  color:#f4f7ff;
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.12;
}

.profile-detail-pill p{
  margin:0;
  color:var(--account-muted);
  line-height:1.55;
  font-size:.92rem;
}

.profile-detail-pill--standing{
  grid-column:1 / -1;
  background:
    linear-gradient(135deg, rgba(79,141,255,.12), rgba(62,215,196,.08) 40%, rgba(255,255,255,.03)),
    rgba(255,255,255,.03);
  border-color:rgba(79,141,255,.16);
}

.profile-socials{
  display:grid;
  gap:12px;
}

.profile-socials a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  text-decoration:none;
  color:#e8eefb;
  font-weight:800;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.profile-socials a:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.1);
}

.profile-socials i{
  font-size:1.05rem;
  color:var(--account-blue-2);
}

.profile-vtc{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.profile-card--wide .profile-vtc{
  grid-template-columns:1.2fr 1fr 1.2fr;
}

.profile-vtc__box{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  display:grid;
  gap:10px;
}

.profile-vtc__box span{
  color:var(--account-muted);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}

.profile-vtc__box strong{
  font-size:1.1rem;
  letter-spacing:-.02em;
}

.profile-vtc__box a{
  color:#fff;
  text-decoration:none;
  font-weight:900;
}

.profile-vtc__box--coming-soon{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(79,141,255,.16), rgba(62,215,196,.12) 55%, rgba(255,255,255,.03)),
    rgba(255,255,255,.03);
}

.profile-vtc__box--coming-soon::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 42%);
  pointer-events:none;
}

.profile-coming-soon{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
}

.profile-coming-soon__badge{
  display:inline-flex;
  width:fit-content;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.profile-coming-soon strong{
  font-size:1rem;
  letter-spacing:-.02em;
}

.profile-coming-soon p{
  margin:0;
  color:rgba(235,241,255,.78);
  font-size:.88rem;
  line-height:1.5;
}

.profile-vtc__box input{
  width:100%;
  border:0;
  background:transparent;
  color:#e8eefb;
  font:inherit;
  padding:0;
  outline:none;
}

.profile-note{
  margin:0;
  color:var(--account-muted);
  line-height:1.7;
}

.profile-note{
  font-size:.98rem;
}

.profile-card--status{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  min-height:100%;
  background:
    linear-gradient(135deg, rgba(79,141,255,.12), rgba(62,215,196,.08) 40%, rgba(10,14,24,.94) 100%);
  border-color:rgba(79,141,255,.16);
  box-shadow:0 24px 60px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.02);
}

.profile-status-card{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:16px 0 4px;
}

.profile-status-card__icon{
  width:44px;
  height:44px;
  flex:0 0 auto;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(62,215,196,.12);
  border:1px solid rgba(62,215,196,.18);
  color:#d8fbf5;
  font-size:1.1rem;
}

.profile-status-card__copy{
  display:grid;
  gap:6px;
}

.profile-status-card__copy strong{
  color:#f4f7ff;
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:-.02em;
}

.profile-status-card__copy p{
  margin:0;
  color:var(--account-muted);
  line-height:1.55;
  font-size:.95rem;
}

.profile-page .is-private{
  opacity:.55;
  filter:saturate(.8);
}

.profile-proposals{
  margin-top:22px;
  padding:24px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.94));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.32);
}

.profile-proposals__head > div{
  max-width:780px;
}

.profile-proposals__head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-end;
  margin-bottom:18px;
}

.profile-proposals__soon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(79,141,255,.18), rgba(62,215,196,.12));
  border:1px solid rgba(255,255,255,.08);
  color:#eef3ff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.profile-proposals__head h2{
  margin:10px 0 8px;
  font-size:1.35rem;
  letter-spacing:-.03em;
}

.profile-proposals__head p{
  margin:0;
  color:var(--account-muted);
  line-height:1.6;
}

.profile-proposals__list{
  display:grid;
  gap:12px;
}

.profile-proposal{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:start;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.profile-proposal__title{
  margin:0 0 6px;
  font-weight:900;
}

.profile-proposal__meta{
  margin:0;
  color:var(--account-muted);
  line-height:1.6;
}

.profile-proposal__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.profile-proposal__tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.18);
  color:#dfe9ff;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  height:fit-content;
}

@media (max-width: 1080px){
  .profile-hero__top{
    grid-template-columns:1fr;
    justify-items:start;
    padding-top:76px;
  }
  .profile-grid{
    grid-template-columns:1fr;
  }
  .profile-card,
  .profile-card--wide{
    grid-column:span 12;
  }
  .profile-vtc{
    grid-template-columns:1fr;
  }
}

@media (max-width: 680px){
  .profile-shell{
    padding-inline:16px;
    padding-top:24px;
  }
  .profile-hero__card,
  .profile-card{
    padding:18px;
  }
  .profile-avatar-wrap img{
    width:104px;
    height:104px;
    border-radius:28px;
  }
  .profile-private{
    flex-direction:column;
    align-items:flex-start;
  }
  .profile-proposals__head{
    flex-direction:column;
    align-items:flex-start;
  }
  .profile-proposal{
    grid-template-columns:1fr;
  }
}

/* User discover page */
.user-discover-shell{
  max-width:1220px;
  margin:0 auto;
  padding:34px 22px 86px;
}

.user-discover-hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  gap:20px;
  align-items:stretch;
  margin-bottom:22px;
}

.user-discover-hero__panel,
.user-discover-hero__stats,
.user-discover-filters,
.user-discover-list,
.proposal-modal .modal{
  border-radius:28px;
  background:linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.94));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.32);
}

.user-discover-hero__panel{
  padding:28px;
}

.user-discover-hero__panel h1{
  margin:12px 0 10px;
  font-size:clamp(2.2rem,4.8vw,4.4rem);
  line-height:.95;
  letter-spacing:-.05em;
}

.user-discover-hero__stats{
  padding:22px;
  display:grid;
  gap:12px;
}

.user-discover-profile{
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(79,141,246,.14), rgba(255,255,255,.03));
  border:1px solid rgba(79,141,246,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.user-discover-profile__top{
  display:flex;
  align-items:center;
  gap:14px;
}

.user-discover-profile__top img{
  width:58px;
  height:58px;
  border-radius:18px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

.user-discover-profile__top span{
  display:block;
  color:var(--account-muted);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
  margin-bottom:5px;
}

.user-discover-profile__top strong{
  display:block;
  font-size:1.08rem;
  line-height:1.2;
}

.user-discover-profile__top p{
  margin:4px 0 0;
  color:var(--account-muted);
  font-size:.82rem;
}

.user-discover-profile__meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}

.user-discover-profile__meta span{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:#dce4f5;
  font-size:.78rem;
}

.user-discover-profile__meta i{
  color:var(--account-blue-2);
}

.user-discover-profile__meta strong{
  font-weight:800;
}

.user-discover-profile__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}

.user-discover-profile__actions .account-btn{
  width:100%;
  justify-content:center;
}

.user-discover-hero__stat{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.user-discover-hero__stat span{
  display:block;
  color:var(--account-muted);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
  margin-bottom:8px;
}

.user-discover-hero__stat strong{
  font-size:1.5rem;
  letter-spacing:-.03em;
}

.user-discover-filters{
  padding:18px;
  margin-bottom:18px;
}

.user-discover-filters__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
}

.user-discover-filters__chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

.user-discover-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:#dfe5f4;
  font-size:.82rem;
  font-weight:800;
}

.user-discover-chip i{
  color:var(--account-blue-2);
}

.user-discover-list{
  padding:18px;
  display:grid;
  gap:14px;
}

.user-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:18px;
  padding:16px;
  border-radius:24px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 16px 36px rgba(0,0,0,.18);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
  animation:userCardIn .45s cubic-bezier(.16,1,.3,1) both;
}

.user-card:hover{
  transform:translateY(-3px);
  border-color:rgba(79,141,255,.2);
  box-shadow:0 24px 54px rgba(0,0,0,.28);
  background:rgba(255,255,255,.045);
}

.user-card__banner{
  min-height:240px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(6,8,16,.12), rgba(6,8,16,.8)),
    radial-gradient(circle at top left, rgba(79,141,255,.24), transparent 30%),
    radial-gradient(circle at top right, rgba(62,215,196,.12), transparent 26%);
  background-size:cover;
  background-position:center;
}

.user-card__body{
  display:grid;
  gap:14px;
}

.user-card__head{
  display:flex;
  align-items:center;
  gap:14px;
}

.user-card__head img{
  width:54px;
  height:54px;
  border-radius:18px;
  object-fit:cover;
  background:#111624;
  border:1px solid rgba(255,255,255,.08);
}

.user-card__head strong{
  display:block;
  margin-bottom:6px;
  font-size:1.08rem;
}

.user-card__head span{
  color:var(--account-muted);
  font-size:.85rem;
}

.user-card__bio{
  margin:0;
  color:var(--account-muted);
  line-height:1.65;
}

.user-card__chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.user-card__chips span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:#dfe5f4;
  font-size:.8rem;
  font-weight:800;
}

.user-card__chips i{
  color:var(--account-teal);
}

.user-card__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.proposal-modal{
  position:fixed;
  inset:0;
  padding:20px;
  background:rgba(2,4,10,.72);
  backdrop-filter:blur(12px);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:120;
}

.proposal-modal[hidden]{
  display:none !important;
}

.proposal-modal .modal{
  width:min(100%, 720px);
  padding:24px;
  transform:translateY(8px) scale(.98);
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
}

.proposal-modal.is-open .modal{
  opacity:1;
  transform:translateY(0) scale(1);
}

.proposal-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.proposal-modal__head h2{
  margin:8px 0 6px;
  font-size:1.5rem;
  letter-spacing:-.03em;
}

.proposal-modal__head p{
  margin:0;
  color:var(--account-muted);
  line-height:1.6;
}

.proposal-modal__close{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
}

.proposal-modal__form{
  display:grid;
  gap:14px;
}

.proposal-modal__footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.settings-confirm-modal .modal{
  width:min(100%, 560px);
}

.settings-confirm-modal__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#9fb5ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.settings-confirm-modal__eyebrow i{
  color:var(--account-blue-2);
}

.settings-sync-modal .modal{
  width:min(100%, 600px);
}

.settings-sync-modal__body{
  display:grid;
  justify-items:center;
  gap:14px;
  text-align:center;
  padding:8px 4px;
}

.settings-sync-modal__body h2{
  margin:0;
  font-size:1.7rem;
  letter-spacing:-.03em;
}

.settings-sync-modal__body p{
  margin:0;
  max-width:44ch;
  color:var(--account-muted);
  line-height:1.65;
}

.settings-sync-modal__spinner{
  width:74px;
  height:74px;
  border-radius:24px;
  display:grid;
  place-items:center;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(103,203,255,.2);
  box-shadow:0 18px 40px rgba(79,141,255,.12);
}

.settings-sync-modal__spinner i{
  font-size:2rem;
  color:var(--account-blue-2);
  animation:settingsSpin 1s linear infinite;
}

.settings-sync-modal__steps{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:4px;
}

.settings-sync-modal__steps span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#dce6fb;
  font-size:.78rem;
  font-weight:700;
}

@keyframes settingsSpin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

@keyframes userCardIn{
  from{
    opacity:0;
    transform:translateY(14px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media (max-width: 1080px){
  .user-discover-hero{
    grid-template-columns:1fr;
  }
  .user-card{
    grid-template-columns:1fr;
  }
  .user-card__banner{
    min-height:180px;
  }
}

@media (max-width: 680px){
  .user-discover-shell{
    padding-inline:16px;
    padding-top:24px;
  }
  .user-discover-hero__panel,
  .user-discover-hero__stats,
  .user-discover-filters,
  .user-discover-list{
    border-radius:22px;
  }
  .user-discover-profile__meta,
  .user-discover-profile__actions{
    grid-template-columns:1fr;
  }
  .user-card{
    padding:14px;
    gap:14px;
  }
  .user-card__actions .account-btn{
    width:100%;
  }
  .user-discover-filters__row{
    grid-template-columns:1fr;
  }
  .proposal-modal .modal{
    padding:18px;
  }
  .proposal-modal__head{
    flex-direction:column;
  }
}

/* Settings refresh: compact top nav + lighter form layout */
body.account-page--settings #main-nav{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:80px;
  z-index:1000;
  padding:0 5%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(7, 9, 13, 0.98);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid rgba(255, 255, 255, 0.08);
  transition:all .4s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings #main-nav.scrolled{
  height:70px;
  background:rgba(7, 9, 13, 0.98);
  border-bottom:1px solid rgba(255, 255, 255, 0.1);
  box-shadow:0 10px 40px rgba(0, 0, 0, 0.2);
}

body.account-page--settings .nav-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:200px 1fr 200px;
  align-items:center;
}

body.account-page--settings .logo{
  font-size:1.6rem;
  display:flex;
  align-items:center;
  gap:4px;
  cursor:pointer;
  font-weight:900;
  letter-spacing:0;
  color:#fff;
  text-decoration:none;
}

body.account-page--settings .logo .accent{
  color:var(--account-blue);
}

body.account-page--settings .nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

body.account-page--settings .nav-links a{
  position:relative;
  color:rgba(255, 255, 255, 0.6);
  text-decoration:none;
  font-size:.85rem;
  font-weight:800;
  padding:10px 22px;
  border-radius:100px;
  transition:all .3s cubic-bezier(0.16, 1, 0.3, 1);
  letter-spacing:.5px;
  text-transform:uppercase;
  font-family:'Nunito', sans-serif;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

body.account-page--settings .nav-links a:hover{
  color:#fff;
  background:rgba(255, 255, 255, 0.08);
}

body.account-page--settings .nav-links a.active{
  color:var(--account-blue);
  background:rgba(79, 141, 246, 0.1);
}

body.account-page--settings .nav-links a::after{
  content:'';
  position:absolute;
  bottom:-5px;
  left:0;
  width:0;
  height:2px;
  background:var(--account-blue);
  transition:all .4s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings .nav-links a:hover::after{
  width:100%;
}

body.account-page--settings .nav-auth-slot{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
}

body.account-page--settings .nav-signin-btn{
  background:rgba(255, 255, 255, 0.035);
  border:1px solid rgba(255, 255, 255, 0.08);
  color:rgba(255, 255, 255, 0.82);
  padding:10px 16px;
  border-radius:8px;
  font-weight:600;
  font-size:.78rem;
  cursor:pointer;
  transition:all .4s cubic-bezier(0.16, 1, 0.3, 1);
  font-family:'Nunito', sans-serif;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-transform:uppercase;
  text-decoration:none;
}

body.account-page--settings .nav-signin-btn:hover{
  color:#fff;
  border-color:rgba(255, 255, 255, 0.18);
  background:rgba(255, 255, 255, 0.07);
}

body.account-page--settings .nav-signin-btn[hidden],
body.account-page--settings .nav-profile-wrap[hidden]{
  display:none !important;
}

body.account-page--settings .nav-profile-wrap{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
}

body.account-page--settings .nav-notifications-trigger{
  position:relative;
  width:44px;
  height:44px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(148, 163, 184, 0.18);
  background:rgba(255, 255, 255, 0.04);
  color:#eef4ff;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:transform .22s cubic-bezier(0.16, 1, 0.3, 1), border-color .22s cubic-bezier(0.16, 1, 0.3, 1), background .22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .22s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings .nav-notifications-trigger:hover{
  transform:translateY(-1px);
  border-color:rgba(0, 242, 255, 0.35);
  background:rgba(0, 242, 255, 0.08);
  box-shadow:0 12px 24px rgba(0, 242, 255, 0.08);
}

body.account-page--settings .nav-notifications-trigger i{
  font-size:1.05rem;
}

body.account-page--settings .nav-notifications-trigger__badge{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#4f8dff;
  color:#08101e;
  font-family:'Nunito',sans-serif;
  font-size:.68rem;
  font-weight:800;
  box-shadow:0 8px 18px rgba(79, 141, 255, 0.24);
}

body.account-page--settings .nav-notifications-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:58px;
  width:min(360px, calc(100vw - 32px));
  padding:12px;
  border-radius:20px;
  border:1px solid rgba(148, 163, 184, 0.14);
  background:rgba(6, 10, 18, 0.96);
  backdrop-filter:blur(20px);
  box-shadow:0 18px 40px rgba(0, 0, 0, 0.38);
  z-index:49;
  transform-origin:top right;
  opacity:0;
  transform:translateY(-8px) scale(0.96);
  pointer-events:none;
  transition:opacity .18s cubic-bezier(0.16, 1, 0.3, 1), transform .18s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings .nav-notifications-panel[hidden]{
  display:none !important;
}

body.account-page--settings .nav-notifications-panel::before{
  content:'';
  position:absolute;
  top:-6px;
  right:18px;
  width:12px;
  height:12px;
  transform:rotate(45deg);
  background:rgba(6, 10, 18, 0.96);
  border-left:1px solid rgba(148, 163, 184, 0.14);
  border-top:1px solid rgba(148, 163, 184, 0.14);
}

body.account-page--settings .nav-notifications-panel.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

body.account-page--settings .nav-profile-wrap.is-notifications-open .nav-notifications-trigger{
  border-color:rgba(0, 242, 255, 0.5);
  background:rgba(0, 242, 255, 0.1);
}

body.account-page--settings .nav-notifications-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:4px 4px 12px;
  border-bottom:1px solid rgba(255, 255, 255, 0.06);
}

body.account-page--settings .nav-notifications-panel__head strong{
  font-family:'Nunito', sans-serif;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#fff;
}

body.account-page--settings .nav-notifications-panel__head span{
  font-family:'Nunito', sans-serif;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--account-muted);
}

body.account-page--settings .nav-notifications-panel__list{
  display:grid;
  gap:8px;
  padding-top:10px;
}

body.account-page--settings .nav-notifications-item{
  position:relative;
}

body.account-page--settings .nav-notifications-item__main{
  display:grid;
  grid-template-columns:40px minmax(0, 1fr);
  align-items:start;
  gap:12px;
  width:100%;
  padding:12px 48px 12px 12px;
  border-radius:16px;
  background:rgba(255, 255, 255, 0.03);
  border:1px solid rgba(255, 255, 255, 0.05);
  color:#dbe4f0;
  text-decoration:none;
  text-align:left;
  cursor:pointer;
  transition:background .18s cubic-bezier(0.16, 1, 0.3, 1), border-color .18s cubic-bezier(0.16, 1, 0.3, 1), transform .18s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .18s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings .nav-notifications-item__main--button{
  appearance:none;
}

body.account-page--settings .nav-notifications-item__main:hover,
body.account-page--settings .nav-notifications-item__main:focus-visible{
  background:rgba(79, 141, 255, 0.08);
  border-color:rgba(79, 141, 255, 0.24);
  transform:translateY(-1px);
}

body.account-page--settings .nav-notifications-item__dismiss{
  width:32px;
  height:32px;
  border-radius:999px;
  border:1px solid rgba(148, 163, 184, 0.12);
  background:rgba(8, 12, 18, 0.88);
  color:rgba(226, 232, 240, 0.82);
  cursor:pointer;
  display:grid;
  place-items:center;
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  box-shadow:0 8px 18px rgba(0, 0, 0, 0.18);
  transition:transform .18s cubic-bezier(0.16, 1, 0.3, 1), border-color .18s cubic-bezier(0.16, 1, 0.3, 1), background .18s cubic-bezier(0.16, 1, 0.3, 1), color .18s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings .nav-notifications-item__dismiss:hover,
body.account-page--settings .nav-notifications-item__dismiss:focus-visible{
  transform:translateY(-1px);
  background:rgba(239, 68, 68, 0.1);
  border-color:rgba(239, 68, 68, 0.26);
  color:#fecaca;
}

body.account-page--settings .nav-notifications-item[data-notification-type="welcome"] .nav-notifications-item__main{
  background:
    radial-gradient(circle at top right, rgba(79, 141, 255, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(79, 141, 255, 0.1), rgba(255, 255, 255, 0.03));
  border-color:rgba(79, 141, 255, 0.22);
}

body.account-page--settings .nav-notifications-item[data-notification-type="welcome"] .nav-notifications-item__main:hover,
body.account-page--settings .nav-notifications-item[data-notification-type="welcome"] .nav-notifications-item__main:focus-visible{
  background:
    radial-gradient(circle at top right, rgba(79, 141, 255, 0.2), transparent 34%),
    linear-gradient(180deg, rgba(79, 141, 255, 0.14), rgba(255, 255, 255, 0.04));
  border-color:rgba(79, 141, 255, 0.34);
  box-shadow:0 16px 32px rgba(79, 141, 255, 0.12);
}

body.account-page--settings .nav-notifications-item__icon{
  width:40px;
  height:40px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(79, 141, 255, 0.1);
  border:1px solid rgba(79, 141, 255, 0.16);
  color:#8fc4ff;
}

body.account-page--settings .nav-notifications-item[data-notification-type="welcome"] .nav-notifications-item__icon{
  background:rgba(79, 141, 255, 0.18);
  border-color:rgba(79, 141, 255, 0.24);
  color:#dbeafe;
}

body.account-page--settings .nav-notifications-item__icon i{
  font-size:1rem;
}

body.account-page--settings .nav-notifications-item__copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

body.account-page--settings .nav-notifications-item__copy strong{
  font-family:'Nunito', sans-serif;
  font-size:.9rem;
  font-weight:800;
  line-height:1.15;
  color:#fff;
}

body.account-page--settings .nav-notifications-item__copy small{
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#8fb4ff;
}

body.account-page--settings .nav-notifications-item__copy em{
  font-style:normal;
  font-size:.78rem;
  line-height:1.5;
  color:#aebbd2;
}

body.account-page--settings .nav-notifications-item__time{
  display:block;
  margin-top:2px;
  font-size:.68rem;
  color:var(--account-muted);
  white-space:normal;
}

body.account-page--settings .nav-profile-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:auto;
  height:44px;
  padding:4px 8px 4px 4px;
  border-radius:999px;
  border:1px solid rgba(148, 163, 184, 0.18);
  background:rgba(255, 255, 255, 0.04);
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.04);
  cursor:pointer;
  transition:transform .22s cubic-bezier(0.16, 1, 0.3, 1), border-color .22s cubic-bezier(0.16, 1, 0.3, 1), background .22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .22s cubic-bezier(0.16, 1, 0.3, 1);
  font-family:'Nunito',sans-serif;
  font-weight:600;
  letter-spacing:0;
}

body.account-page--settings .nav-profile-trigger:hover{
  transform:translateY(-1px);
  border-color:rgba(0, 242, 255, 0.35);
  background:rgba(0, 242, 255, 0.08);
  box-shadow:0 12px 24px rgba(0, 242, 255, 0.08);
}

body.account-page--settings .nav-profile-trigger img{
  width:34px;
  height:34px;
  border-radius:14px;
  object-fit:cover;
  flex-shrink:0;
  border:1px solid rgba(255,255,255,.08);
}

body.account-page--settings .nav-profile-trigger__status{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#3ed7c4;
  box-shadow:0 0 0 4px rgba(62, 215, 196, 0.14);
  flex-shrink:0;
}

body.account-page--settings .nav-profile-trigger__chev{
  font-size:1rem;
  color:rgba(226, 232, 240, 0.82);
  transition:transform .18s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings .nav-profile-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:225px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(148, 163, 184, 0.14);
  background:rgba(6, 10, 18, 0.94);
  backdrop-filter:blur(20px);
  box-shadow:0 18px 40px rgba(0, 0, 0, 0.38);
  display:flex;
  flex-direction:column;
  gap:4px;
  z-index:50;
  transform-origin:top right;
  opacity:0;
  transform:translateY(-8px) scale(0.96);
  pointer-events:none;
  transition:opacity .18s cubic-bezier(0.16, 1, 0.3, 1), transform .18s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings .nav-profile-menu[hidden]{
  display:none !important;
}

body.account-page--settings .nav-profile-menu::before{
  content:'';
  position:absolute;
  top:-6px;
  right:22px;
  width:12px;
  height:12px;
  transform:rotate(45deg);
  background:rgba(6, 10, 18, 0.94);
  border-left:1px solid rgba(148, 163, 184, 0.14);
  border-top:1px solid rgba(148, 163, 184, 0.14);
}

body.account-page--settings .nav-profile-menu.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

body.account-page--settings .nav-profile-wrap.is-open .nav-profile-trigger{
  border-color:rgba(0, 242, 255, 0.5);
  background:rgba(0, 242, 255, 0.1);
}

body.account-page--settings .nav-profile-wrap.is-open .nav-profile-trigger__chev{
  transform:rotate(180deg);
}

body.account-page--settings .nav-profile-menu__head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:4px 4px 10px;
  border-bottom:1px solid rgba(255, 255, 255, 0.06);
  margin-bottom:4px;
}

body.account-page--settings .nav-profile-menu__head img{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255, 255, 255, 0.08);
  flex-shrink:0;
}

body.account-page--settings .nav-profile-menu__head strong{
  display:block;
  font-size:.88rem;
  font-weight:800;
  color:#fff;
}

body.account-page--settings .nav-profile-menu__head span{
  display:block;
  margin-top:2px;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--account-muted);
}

body.account-page--settings .nav-profile-menu a,
body.account-page--settings .nav-profile-menu button{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:38px;
  padding:8px 10px;
  border-radius:12px;
  border:0;
  background:transparent;
  color:#dbe4f0;
  text-decoration:none;
  font:inherit;
  font-weight:700;
  font-size:.92rem;
  cursor:pointer;
  text-align:left;
  transition:background .18s cubic-bezier(0.16, 1, 0.3, 1), color .18s cubic-bezier(0.16, 1, 0.3, 1), transform .18s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings .nav-profile-menu a:hover,
body.account-page--settings .nav-profile-menu button:hover{
  background:rgba(255, 255, 255, 0.05);
  color:#fff;
  transform:translateX(2px);
}

body.account-page--settings .nav-profile-menu a i,
body.account-page--settings .nav-profile-menu button i{
  font-size:1rem;
  color:var(--account-blue);
  flex-shrink:0;
}

body.account-page--settings .nav-profile-menu button.nav-profile-menu__logout i{
  color:#ff7d7d;
}

body.account-page--settings .nav-profile-menu button.nav-profile-menu__logout{
  color:#ffe7e7;
  background:rgba(255, 77, 77, .1);
  box-shadow:inset 0 0 0 1px rgba(255, 77, 77, .16);
}

body.account-page--settings .nav-profile-menu button.nav-profile-menu__logout:hover{
  background:rgba(255, 77, 77, .18);
  color:#fff2f2;
}

body.account-page--settings .nav-profile-menu button.nav-profile-menu__logout:hover i{
  color:#ffb4b4;
}

body.account-page--settings .mobile-toggle{
  display:none;
  font-size:1.8rem;
  cursor:pointer;
  color:#fff;
  background:none;
  border:none;
}

body.account-page--settings .mobile-menu{
  position:fixed;
  inset:0;
  padding:84px 16px 18px;
  background:rgba(5, 7, 10, 0.72);
  backdrop-filter:blur(22px);
  z-index:2000;
  transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1), opacity .25s ease, visibility 0s linear .35s;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  gap:16px;
  overflow-y:auto;
  transform:translateX(100%);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
}

body.account-page--settings .mobile-menu.open{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
  visibility:visible;
  transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1), opacity .25s ease, visibility 0s;
}

body.account-page--settings .mobile-menu-header{
  width:min(100%, 440px);
  margin:0 auto 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 4px;
}

body.account-page--settings .mobile-menu__logo{
  font-size:1.4rem;
}

body.account-page--settings .mobile-menu-links{
  width:min(100%, 440px);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border-radius:28px;
  background:rgba(8, 10, 15, 0.96);
  border:1px solid rgba(255, 255, 255, 0.08);
  box-shadow:0 24px 80px rgba(0, 0, 0, 0.4);
}

body.account-page--settings .mobile-menu a{
  color:#fff;
  text-decoration:none;
  font-size:.98rem;
  font-weight:800;
  line-height:1.2;
  padding:15px 14px;
  border-radius:18px;
  background:rgba(255, 255, 255, 0.03);
  border:1px solid rgba(255, 255, 255, 0.05);
  display:flex;
  align-items:center;
  gap:12px;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

body.account-page--settings .mobile-menu a i{
  width:1.1rem;
  flex:0 0 auto;
  color:var(--account-blue);
  font-size:1.05rem;
}

body.account-page--settings .mobile-menu a:hover,
body.account-page--settings .mobile-menu a:focus-visible{
  color:#fff;
  background:rgba(79, 141, 246, 0.1);
  border-color:rgba(79, 141, 246, 0.25);
  transform:translateY(-1px);
}

body.account-page--settings .mobile-menu-divider{
  width:100%;
  height:1px;
  margin:8px 0;
  background:rgba(255, 255, 255, 0.08);
}

body.account-page--settings .mobile-menu .nav-discord{
  background:rgba(88, 101, 242, 0.08);
  border-color:rgba(88, 101, 242, 0.16);
}

body.account-page--settings .mobile-menu .nav-discord i{
  color:#7289da;
}

body.account-page--settings .mobile-close{
  position:static;
  background:rgba(255, 255, 255, 0.05);
  border:1px solid rgba(255, 255, 255, 0.08);
  width:44px;
  height:44px;
  border-radius:14px;
  color:#fff;
  font-size:1rem;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

body.account-page--settings .mobile-close:hover,
body.account-page--settings .mobile-close:focus-visible{
  background:rgba(255, 255, 255, 0.1);
  border-color:rgba(255, 255, 255, 0.14);
  transform:scale(1.02);
}

body.account-page--settings .settings-shell{
  padding:118px 22px 80px;
  max-width:1360px;
}

body.account-page--settings .settings-card{
  position:relative;
  display:grid;
  gap:22px;
  padding:28px;
  border-radius:36px;
  background:
    linear-gradient(180deg, rgba(13, 17, 28, .95), rgba(8, 10, 18, .98));
  border:1px solid rgba(88, 101, 242, .16);
  box-shadow:0 34px 90px rgba(0,0,0,.42);
  overflow:hidden;
}

body.account-page--settings .settings-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 12%, rgba(79,141,246,.14), transparent 26%),
    radial-gradient(circle at 84% 14%, rgba(62,215,196,.12), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(79,141,246,.08), transparent 30%);
  pointer-events:none;
}

body.account-page--settings .settings-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
  margin:0;
  padding:0;
  align-items:stretch;
  position:relative;
}

body.account-page--settings .settings-hero__copy{
  max-width:none;
  padding:32px 34px 24px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(17, 22, 37, .92), rgba(9, 12, 22, .96));
  border:1px solid rgba(255, 255, 255, .08);
  box-shadow:0 28px 70px rgba(0, 0, 0, .34);
  position:relative;
  overflow:hidden;
}

body.account-page--settings .settings-hero__copy::before{
  content:"";
  position:absolute;
  inset:auto -12% -30% 28%;
  height:320px;
  background:radial-gradient(circle, rgba(79, 141, 246, .18), transparent 60%);
  pointer-events:none;
}

body.account-page--settings .settings-hero__copy h1{
  margin:14px 0 8px;
  font-size:clamp(2.2rem, 4.8vw, 4.2rem);
  line-height:.95;
  letter-spacing:-.05em;
}

body.account-page--settings .settings-hero__lead{
  margin:0;
  color:var(--account-muted);
  font-size:1rem;
  line-height:1.7;
}

body.account-page--settings .settings-quick-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
  position:relative;
  z-index:1;
}

body.account-page--settings .settings-hero__chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:10px;
  position:relative;
  z-index:1;
}

body.account-page--settings .settings-hero__panel{
  display:grid;
  gap:16px;
  padding:22px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(15, 20, 35, .9), rgba(9, 12, 20, .95));
  border:1px solid rgba(120,149,255,.12);
  box-shadow:0 28px 70px rgba(0,0,0,.36);
  position:relative;
  overflow:hidden;
}

body.account-page--settings .settings-hero__panel::after{
  content:"";
  position:absolute;
  inset:auto -8% -20% 38%;
  height:260px;
  background:radial-gradient(circle, rgba(62,215,196,.16), transparent 64%);
  pointer-events:none;
}

body.account-page--settings .settings-hero__profile{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  position:relative;
  z-index:1;
}

body.account-page--settings .settings-hero__profile-avatar{
  width:86px;
  height:86px;
  border-radius:28px;
  padding:2px;
  background:linear-gradient(135deg, rgba(79,141,246,.9), rgba(62,215,196,.65));
  box-shadow:0 18px 34px rgba(79,141,246,.16);
  flex-shrink:0;
}

body.account-page--settings .settings-hero__profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:26px;
  display:block;
  background:#101522;
}

body.account-page--settings .settings-hero__profile-copy{
  min-width:0;
}

body.account-page--settings .settings-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#9fb5ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body.account-page--settings .settings-hero__profile-copy strong{
  display:block;
  margin-top:6px;
  font-size:1.1rem;
  font-weight:900;
  letter-spacing:-.02em;
}

body.account-page--settings .settings-hero__profile-copy p{
  margin:6px 0 0;
  color:var(--account-muted);
  font-size:.9rem;
}

body.account-page--settings .settings-hero__profile-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

body.account-page--settings .settings-hero__profile-meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:#dbe5f5;
  font-size:.8rem;
}

body.account-page--settings .settings-hero__profile-meta strong{
  color:#fff;
}

body.account-page--settings .settings-hero__status-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

body.account-page--settings .settings-hero__status-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  color:#dbe4f8;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.account-page--settings .settings-hero__status-chip i{
  color:var(--account-blue-2);
}

body.account-page--settings .settings-hero__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  position:relative;
  z-index:1;
}

body.account-page--settings .settings-mini-card{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  min-height:110px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
}

body.account-page--settings .settings-mini-card span{
  color:var(--account-muted);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--settings .settings-mini-card strong{
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:-.02em;
}

body.account-page--settings .settings-mini-card--glass{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)), rgba(10,14,24,.82);
  border-color:rgba(120,149,255,.12);
}

body.account-page--settings .settings-hero__progress{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.06);
}

body.account-page--settings .settings-hero__progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

body.account-page--settings .settings-hero__progress-head strong{
  font-size:1rem;
  font-weight:900;
  letter-spacing:-.02em;
}

body.account-page--settings .settings-hero__progress-bar{
  width:100%;
  height:10px;
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
}

body.account-page--settings .settings-hero__progress-bar span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, var(--account-blue), var(--account-teal));
  box-shadow:0 0 22px rgba(79,141,246,.35);
}

body.account-page--settings .settings-hero__dock{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:16px;
  margin-top:10px;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.07);
}

body.account-page--settings .settings-hero__dock-profile{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

body.account-page--settings .settings-hero__dock-profile img{
  width:54px;
  height:54px;
  border-radius:18px;
  object-fit:cover;
  background:#101522;
  box-shadow:0 10px 22px rgba(0,0,0,.22);
}

body.account-page--settings .settings-hero__dock-profile strong{
  display:block;
  font-size:1rem;
  font-weight:900;
}

body.account-page--settings .settings-hero__dock-profile span{
  display:block;
  color:var(--account-muted);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.account-page--settings .settings-hero__dock-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

body.account-page--settings .settings-hero__dock-meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:#dfe8fb;
  font-size:.78rem;
  font-weight:900;
}

body.account-page--settings .settings-hero__dock-meta i{
  color:var(--account-blue-2);
}

body.account-page--settings .settings-hero__dock-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

body.account-page--settings .settings-action-tile,
body.account-page--settings .settings-icon-action{
  appearance:none;
  border:none;
  color:#eff4ff;
  text-decoration:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:transform .22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .22s cubic-bezier(0.16, 1, 0.3, 1), border-color .22s cubic-bezier(0.16, 1, 0.3, 1), background .22s cubic-bezier(0.16, 1, 0.3, 1), color .22s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--settings .settings-action-tile{
  min-height:70px;
  padding:14px 18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  justify-content:flex-start;
}

body.account-page--settings .settings-action-tile:focus-visible,
body.account-page--settings .settings-icon-action:focus-visible{
  outline:2px solid rgba(103,203,255,.55);
  outline-offset:3px;
}

body.account-page--settings .settings-action-tile:hover,
body.account-page--settings .settings-action-tile:focus-visible,
body.account-page--settings .settings-icon-action:hover,
body.account-page--settings .settings-icon-action:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(103,203,255,.36);
  box-shadow:0 0 0 1px rgba(79,141,255,.12), 0 16px 34px rgba(79,141,255,.14), 0 0 28px rgba(67,196,255,.2);
  background:linear-gradient(180deg, rgba(79,141,255,.16), rgba(62,215,196,.06));
}

body.account-page--settings .settings-action-tile--primary{
  border-color:rgba(79,141,255,.24);
  background:linear-gradient(135deg, rgba(79,141,255,.2), rgba(62,215,196,.08));
}

body.account-page--settings .settings-action-tile__icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(10,14,24,.86);
  border:1px solid rgba(255,255,255,.08);
  color:var(--account-blue-2);
  flex-shrink:0;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}

body.account-page--settings .settings-action-tile__label{
  font-size:.88rem;
  font-family:'Nunito',sans-serif;
  font-weight:600;
  letter-spacing:0;
  text-align:left;
}

body.account-page--settings .settings-summary__top--premium{
  align-items:center;
  padding-bottom:12px;
}

body.account-page--settings .settings-summary__top--premium img{
  width:62px;
  height:62px;
  border-radius:20px;
}

body.account-page--settings .settings-summary__rail-subtitle{
  display:block;
  margin-top:4px;
  color:var(--account-muted);
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}

body.account-page--settings .settings-summary__note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(79,141,246,.1), rgba(255,255,255,.03));
  border:1px solid rgba(79,141,246,.16);
  color:#dce6fb;
  line-height:1.55;
}

body.account-page--settings .settings-summary__note i{
  color:var(--account-blue-2);
  margin-top:2px;
}

body.account-page--settings .settings-summary__note p{
  margin:0;
  font-size:.86rem;
}

body.account-page--settings .settings-icon-action{
  width:50px;
  height:50px;
  border-radius:50%;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#eef3ff;
  flex-shrink:0;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}

body.account-page--settings .settings-icon-action i{
  font-size:1rem;
}

body.account-page--settings .settings-icon-action--small{
  width:46px;
  height:46px;
}

body.account-page--settings .settings-summary__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body.account-page--settings .settings-summary__actions .settings-icon-action{
  width:100%;
  min-width:0;
}

body.account-page--settings .settings-board{
  display:grid;
  gap:0;
  position:relative;
  z-index:1;
  padding:10px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(13, 17, 28, .82), rgba(10, 13, 21, .92));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 20px 50px rgba(0,0,0,.18);
  overflow:hidden;
}

body.account-page--settings .settings-panel{
  padding:24px 16px;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
  display:grid;
  gap:18px;
}

body.account-page--settings .settings-panel__head{
  padding-bottom:2px;
}

body.account-page--settings .settings-panel#profile,
body.account-page--settings .settings-panel#socials,
body.account-page--settings .settings-panel#connected-accounts,
body.account-page--settings .settings-panel#preferences{
  position:relative;
  overflow:hidden;
}

body.account-page--settings .settings-panel#profile::after,
body.account-page--settings .settings-panel#socials::after,
body.account-page--settings .settings-panel#connected-accounts::after,
body.account-page--settings .settings-panel#preferences::after{
  content:"";
  position:absolute;
  inset:auto -10% -28% 38%;
  height:220px;
  background:radial-gradient(circle, rgba(79,141,246,.08), transparent 64%);
  pointer-events:none;
}


body.account-page--settings .settings-content{
  display:grid;
  gap:18px;
}

body.account-page--settings .settings-content--mosaic{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

body.account-page--settings .settings-content--mosaic > #profile,
body.account-page--settings .settings-content--mosaic > #socials,
body.account-page--settings .settings-content--mosaic > #connected-accounts,
body.account-page--settings .settings-content--mosaic > #preferences{
  grid-column:auto;
}

body.account-page--settings .settings-command-rail{
  display:grid;
  gap:18px;
}

body.account-page--settings .settings-panel--privacy{
  display:grid;
  gap:16px;
}

body.account-page--settings .settings-panel{
  display:grid;
  gap:18px;
}

body.account-page--settings .settings-panel + .settings-panel{
  border-top:1px solid rgba(255,255,255,.07);
}

body.account-page--settings .settings-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:0;
}

body.account-page--settings .settings-panel__title{
  display:flex;
  align-items:center;
  gap:12px;
}

body.account-page--settings .settings-panel__icon{
  width:60px;
  height:60px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:rgba(79, 141, 246, .12);
  border:1px solid rgba(79, 141, 246, .18);
  color:#dfe9ff;
  font-size:1.6rem;
  flex-shrink:0;
}

body.account-page--settings .settings-panel__icon i{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:1.55rem;
  line-height:1;
  transform:none;
}

body.account-page--settings .settings-panel__title span{
  display:block;
  color:#94a8d6;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:4px;
}

body.account-page--settings .settings-panel__title h2{
  margin:0;
  font-size:1.22rem;
  letter-spacing:-.03em;
}

body.account-page--settings .settings-status-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(79, 141, 246, .12);
  border:1px solid rgba(79, 141, 246, .2);
  color:#dfe9ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}

body.account-page--settings .settings-status-pill--soft{
  background:rgba(255, 255, 255, .04);
  border-color:rgba(255, 255, 255, .08);
  color:#cfd8eb;
}

body.account-page--settings .settings-status-pill[data-state="saving"]{
  background:rgba(255, 196, 88, .14);
  border-color:rgba(255, 196, 88, .28);
  color:#ffe4a6;
}

body.account-page--settings .settings-status-pill[data-state="saved"]{
  background:rgba(82, 196, 126, .14);
  border-color:rgba(82, 196, 126, .25);
  color:#cdf6da;
}

body.account-page--settings .settings-status-pill[data-state="idle"]{
  background:rgba(79, 141, 246, .12);
  border-color:rgba(79, 141, 246, .2);
  color:#dfe9ff;
}

body.account-page--settings .field-grid--app{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body.account-page--settings .field label{
  display:flex;
  align-items:center;
  gap:8px;
}

body.account-page--settings .field label i{
  color:var(--account-blue-2);
  font-size:.98rem;
}

body.account-page--settings .field input,
body.account-page--settings .field textarea,
body.account-page--settings .field select{
  padding:13px 14px;
  border-radius:14px;
}

body.account-page--settings .field-hint{
  margin:8px 2px 0;
  color:var(--account-muted);
  font-size:.78rem;
  line-height:1.45;
}

body.account-page--settings .field select,
body.account-page--settings .settings-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-color:#090d14;
  background-image:
    linear-gradient(45deg, transparent 50%, #93a7d8 50%),
    linear-gradient(135deg, #93a7d8 50%, transparent 50%),
    linear-gradient(to right, rgba(255,255,255,.04), rgba(255,255,255,.04));
  background-position:
    calc(100% - 20px) calc(50% - 2px),
    calc(100% - 14px) calc(50% - 2px),
    100% 0;
  background-size:6px 6px, 6px 6px, 2.6rem 100%;
  background-repeat:no-repeat;
  padding-right:3rem;
  color:#fff;
  caret-color:#fff;
  line-height:1.2;
}

body.account-page--settings .field select option,
body.account-page--settings .settings-select option{
  background:#090d14;
  color:#fff;
}

body.account-page--settings .field select:invalid,
body.account-page--settings .settings-select:invalid{
  color:#7f8aa8;
}

body.account-page--settings .field textarea{
  min-height:110px;
}

body.account-page--settings .settings-banner-field{
  margin-bottom:0;
}

body.account-page--settings .settings-privacy-card{
  display:grid;
  gap:14px;
}

body.account-page--settings .settings-privacy-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255, 255, 255, .03);
  border:1px solid rgba(255, 255, 255, .06);
  flex-wrap:wrap;
}

body.account-page--settings .settings-privacy-item__copy{
  min-width:0;
}

body.account-page--settings .settings-privacy-item__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#dbe6ff;
  font-size:.84rem;
  font-weight:900;
  letter-spacing:-.01em;
}

body.account-page--settings .settings-privacy-item__kicker i{
  color:var(--account-blue-2);
}

body.account-page--settings .settings-privacy-item p{
  margin:8px 0 0;
  color:var(--account-muted);
  font-size:.82rem;
  line-height:1.6;
  max-width:42ch;
}

body.account-page--settings .settings-switch{
  display:inline-flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  user-select:none;
}

body.account-page--settings .settings-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

body.account-page--settings .settings-switch__track{
  width:58px;
  height:32px;
  border-radius:999px;
  background:rgba(255, 255, 255, .08);
  border:1px solid rgba(255, 255, 255, .12);
  position:relative;
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.account-page--settings .settings-switch__track::after{
  content:'';
  position:absolute;
  left:4px;
  top:4px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#fff;
  transition:transform .18s ease, background .18s ease;
  box-shadow:0 8px 18px rgba(0, 0, 0, .28);
}

body.account-page--settings .settings-switch input:checked + .settings-switch__track{
  background:rgba(79, 141, 246, .34);
  border-color:rgba(79, 141, 246, .42);
  box-shadow:0 0 0 4px rgba(79, 141, 246, .08);
}

body.account-page--settings .settings-switch input:checked + .settings-switch__track::after{
  transform:translateX(26px);
  background:#eaf2ff;
}

body.account-page--settings .settings-switch__label{
  color:#dbe6ff;
  font-size:.84rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

body.account-page--settings .settings-switch__label i{
  color:var(--account-blue-2);
  font-size:1rem;
}

body.account-page--settings .settings-profile-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255, 255, 255, .03);
  border:1px solid rgba(255, 255, 255, .06);
}

body.account-page--settings .settings-profile-link span{
  display:block;
  color:var(--account-muted);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
  margin-bottom:6px;
}

body.account-page--settings .settings-profile-link strong{
  font-size:.98rem;
  letter-spacing:-.01em;
}

body.account-page--settings .settings-connected-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
}

body.account-page--settings .settings-connected-card{
  padding:20px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(15,20,35,.94), rgba(9,12,21,.96));
  border:1px solid rgba(120,149,255,.12);
  box-shadow:0 24px 60px rgba(0,0,0,.24);
  position:relative;
  overflow:hidden;
}

body.account-page--settings .settings-connected-card::after{
  content:"";
  position:absolute;
  inset:auto -10% -30% 42%;
  height:220px;
  background:radial-gradient(circle, rgba(79,141,246,.15), transparent 64%);
  pointer-events:none;
}

body.account-page--settings .settings-connected-card--discord{
  border-color:rgba(88,101,242,.2);
}

body.account-page--settings .settings-connected-card--patreon{
  border-color:rgba(255, 66, 77, .16);
}

body.account-page--settings .settings-connected-card--truckershub{
  border-color:rgba(62,215,196,.16);
}

body.account-page--settings .settings-connected-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

body.account-page--settings .settings-connected-card__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#9fb5ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--settings .settings-connected-card__head h3{
  margin:8px 0 0;
  color:#f7faff;
  font-size:1.15rem;
  font-weight:900;
  letter-spacing:-.03em;
}

body.account-page--settings .settings-connected-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 11px;
  border-radius:999px;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(255,255,255,.05);
  color:#dbe6ff;
  border:1px solid rgba(255,255,255,.08);
}

body.account-page--settings .settings-connected-badge[data-state="connected"]{
  background:rgba(34,197,94,.12);
  color:#dafce7;
  border-color:rgba(34,197,94,.24);
}

body.account-page--settings .settings-connected-badge[data-state="syncing"]{
  background:rgba(79,141,246,.14);
  color:#dfe9ff;
  border-color:rgba(79,141,246,.24);
}

body.account-page--settings .settings-connected-badge[data-state="pending"]{
  background:rgba(240,193,91,.14);
  color:#ffeac1;
  border-color:rgba(240,193,91,.24);
}

body.account-page--settings .settings-connected-badge[data-state="offline"]{
  background:rgba(255,255,255,.04);
  color:#d0d8ea;
}

body.account-page--settings .settings-connected-card__copy{
  margin:12px 0 0;
  color:#a9b5cf;
  line-height:1.55;
}

body.account-page--settings .settings-connected-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:16px;
}

body.account-page--settings .settings-connected-card__meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:#cdd7ea;
  font-size:.82rem;
}

body.account-page--settings .settings-connected-card__meta strong{
  color:#f4f8ff;
  font-weight:900;
}

body.account-page--settings .settings-connected-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

body.account-page--settings .settings-connected-card__actions .account-btn{
  min-width:fit-content;
}

body.account-page--settings .settings-connected-card__actions .settings-icon-action,
body.account-page--settings .settings-connected-card__actions .account-btn{
  position:relative;
  z-index:1;
}

body.account-page--settings .settings-connected-card__actions .account-btn{
  border-radius:999px;
}

body.account-page--settings .settings-connected-card--discord{
  box-shadow:0 24px 50px rgba(88,101,242,.08), 0 24px 60px rgba(0,0,0,.18);
}

body.account-page--settings .settings-connected-card--patreon{
  box-shadow:0 24px 50px rgba(255,66,77,.06), 0 24px 60px rgba(0,0,0,.18);
}

body.account-page--settings .settings-connected-card--truckershub{
  box-shadow:0 24px 50px rgba(62,215,196,.06), 0 24px 60px rgba(0,0,0,.18);
}

body.account-page--settings .settings-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:2px;
}

body.account-page--settings .settings-actions .account-btn{
  min-width:fit-content;
}

body.account-page--settings .settings-actions .account-btn--primary{
  box-shadow:0 16px 36px rgba(255, 255, 255, .08);
}

body.account-page--settings .settings-saved{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  font-size:.88rem;
  font-weight:800;
  line-height:1.35;
}

body.account-page--settings .settings-saved[data-state="saved"]{
  color:#d9ffee;
}

body.account-page--settings .settings-saved[data-state="saving"]{
  color:#dbfeff;
}

body.account-page--settings .empty-state{
  margin-top:-2px;
}

@media (max-width: 1080px){
  body.account-page--settings .settings-hero{
    grid-template-columns:1fr;
  }

  body.account-page--settings .settings-hero__chips{
    justify-content:flex-start;
  }

  body.account-page--settings .settings-hero__copy{
    max-width:none;
  }

  body.account-page--settings .settings-hero__stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.account-page--settings .settings-layout{
    grid-template-columns:1fr;
  }

  body.account-page--settings .settings-content--mosaic{
    grid-template-columns:1fr;
  }

  body.account-page--settings .settings-content--mosaic > #profile,
  body.account-page--settings .settings-content--mosaic > #socials,
  body.account-page--settings .settings-content--mosaic > #connected-accounts,
  body.account-page--settings .settings-content--mosaic > #preferences{
    grid-column:1 / -1;
  }

  body.account-page--settings .settings-connected-grid{
    grid-template-columns:1fr;
  }

  body.account-page--settings .settings-summary{
    position:relative;
    top:auto;
  }
}

@media (max-width: 992px){
  body.account-page--settings .nav-container{
    display:flex;
    justify-content:space-between;
    gap:14px;
  }

  body.account-page--settings .nav-links{
    display:none;
  }

  body.account-page--settings .mobile-toggle{
    display:block !important;
  }
}

@media (max-width: 860px){
  body.account-page--settings .nav-auth-slot{
    gap:10px;
  }

  body.account-page--settings .nav-profile-menu{
    right:0;
    left:auto;
    min-width:min(320px, calc(100vw - 32px));
  }

  body.account-page--settings .nav-notifications-panel{
    right:0;
    width:min(360px, calc(100vw - 32px));
  }

  body.account-page--settings .nav-profile-menu__head span{
    display:none;
  }

  body.account-page--settings .field-grid--app{
    grid-template-columns:1fr;
  }
}

@media (max-width: 992px){
  body.account-page--history .nav-container{
    display:flex;
    justify-content:space-between;
    gap:14px;
  }

  body.account-page--history .nav-links{
    display:none;
  }

  body.account-page--history .mobile-toggle{
    display:block !important;
  }
}

@media (max-width: 860px){
  body.account-page--history .nav-auth-slot{
    gap:10px;
  }

  body.account-page--history .nav-profile-menu{
    right:0;
    left:auto;
    min-width:min(320px, calc(100vw - 32px));
  }

  body.account-page--history .nav-profile-menu__head span{
    display:none;
  }
}

@media (max-width: 680px){
  body.account-page--settings .settings-shell{
    padding-inline:16px;
    padding-top:104px;
  }

  body.account-page--settings .settings-panel,
  body.account-page--settings .settings-summary{
    padding:16px;
    border-radius:22px;
  }

  body.account-page--settings .settings-hero__copy,
  body.account-page--settings .settings-hero__panel{
    padding:18px;
    border-radius:22px;
  }

  body.account-page--settings .settings-hero__profile{
    align-items:flex-start;
  }

  body.account-page--settings .settings-hero__profile-avatar{
    width:72px;
    height:72px;
    border-radius:22px;
  }

  body.account-page--settings .settings-hero__stats{
    grid-template-columns:1fr;
  }

  body.account-page--settings .settings-hero__progress{
    padding:14px;
  }

  body.account-page--settings .settings-hero__dock{
    grid-template-columns:1fr;
    justify-items:start;
  }

  body.account-page--settings .settings-hero__dock-meta,
  body.account-page--settings .settings-hero__dock-actions{
    justify-content:flex-start;
  }

  body.account-page--settings .settings-quick-actions{
    grid-template-columns:1fr;
  }

  body.account-page--settings .settings-summary__actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.account-page--settings .settings-panel__head{
    flex-direction:column;
    align-items:flex-start;
  }

  body.account-page--settings .settings-privacy-card,
  body.account-page--settings .settings-privacy-item,
  body.account-page--settings .settings-profile-link{
    flex-direction:column;
    align-items:flex-start;
  }

  body.account-page--settings .settings-actions{
    flex-direction:column;
  }

  body.account-page--settings .settings-actions .account-btn,
  body.account-page--settings .settings-summary__actions .account-btn{
    width:100%;
  }

  body.account-page--settings .settings-summary__actions .settings-icon-action{
    height:48px;
  }

  body.account-page--settings .settings-saved{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

body.account-page--settings .settings-panel--coming-soon{
  position:relative;
  overflow:hidden;
}

body.account-page--settings .settings-coming-soon{
  position:relative;
  min-height:380px;
  border-radius:22px;
  overflow:hidden;
}

body.account-page--settings .settings-coming-soon__body{
  filter:blur(7px);
  opacity:.35;
  pointer-events:none;
  user-select:none;
}

body.account-page--settings .settings-coming-soon__frost{
  position:absolute;
  inset:0;
  background:rgba(6,10,18,.36);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.04);
  border-radius:22px;
  z-index:1;
}

body.account-page--settings .settings-coming-soon__content{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  text-align:center;
  padding:28px;
}

body.account-page--settings .settings-coming-soon__content h3{
  margin:12px 0 8px;
  font-size:clamp(1.7rem,3vw,2.5rem);
  letter-spacing:-.04em;
  color:#fff;
}

body.account-page--settings .settings-coming-soon__content p{
  margin:0;
  color:var(--account-muted);
  max-width:28ch;
  line-height:1.6;
}

body.account-page--settings .settings-coming-soon__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(79,141,255,.16);
  border:1px solid rgba(79,141,255,.28);
  color:#dfe9ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body.account-page--history{
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, .14), transparent 32%),
    radial-gradient(circle at top right, rgba(20, 184, 166, .12), transparent 24%),
    linear-gradient(180deg, #04060b 0%, #07101a 48%, #05070a 100%);
}

body.account-page--history #main-nav{
  position:sticky;
  top:0;
  left:0;
  width:100%;
  height:80px;
  z-index:1000;
  padding:0 5%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(7, 9, 13, 0.98);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid rgba(255, 255, 255, 0.08);
  transition:all .4s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--history #main-nav.scrolled{
  height:70px;
  background:rgba(7, 9, 13, 0.98);
  border-bottom:1px solid rgba(255, 255, 255, 0.1);
  box-shadow:0 10px 40px rgba(0, 0, 0, 0.2);
}

body.account-page--history .nav-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:200px 1fr 200px;
  align-items:center;
}

body.account-page--history .logo{
  font-size:1.6rem;
  display:flex;
  align-items:center;
  gap:4px;
  cursor:pointer;
  font-weight:900;
  letter-spacing:0;
  color:#fff;
  text-decoration:none;
}

body.account-page--history .logo .accent{
  color:var(--account-blue);
}

body.account-page--history .nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

body.account-page--history .nav-link{
  position:relative;
  color:rgba(255, 255, 255, 0.6);
  text-decoration:none;
  font-size:.85rem;
  font-weight:800;
  padding:10px 22px;
  border-radius:100px;
  transition:all .3s cubic-bezier(0.16, 1, 0.3, 1);
  letter-spacing:.5px;
  text-transform:uppercase;
  font-family:'Nunito', sans-serif;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

body.account-page--history .nav-link:hover{
  color:#fff;
  background:rgba(255, 255, 255, 0.08);
}

body.account-page--history .nav-link.active{
  color:var(--account-blue);
  background:rgba(79, 141, 246, 0.1);
}

body.account-page--history .nav-link::after{
  content:'';
  position:absolute;
  bottom:-5px;
  left:0;
  width:0;
  height:2px;
  background:var(--account-blue);
  transition:all .4s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--history .nav-link:hover::after{
  width:100%;
}

body.account-page--history .nav-auth-slot{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
}

body.account-page--history .nav-signin-btn{
  background:rgba(255, 255, 255, 0.035);
  border:1px solid rgba(255, 255, 255, 0.08);
  color:rgba(255, 255, 255, 0.82);
  padding:10px 16px;
  border-radius:8px;
  font-weight:800;
  font-size:.78rem;
  cursor:pointer;
  transition:all .4s cubic-bezier(0.16, 1, 0.3, 1);
  font-family:'Nunito', sans-serif;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-transform:uppercase;
  text-decoration:none;
}

body.account-page--history .nav-signin-btn:hover{
  color:#fff;
  border-color:rgba(255, 255, 255, 0.18);
  background:rgba(255, 255, 255, 0.07);
}

body.account-page--history .nav-signin-btn[hidden],
body.account-page--history .nav-profile-wrap[hidden]{
  display:none !important;
}

body.account-page--history .nav-profile-wrap{
  position:relative;
  display:flex;
  align-items:center;
}

body.account-page--history .nav-profile-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  width:auto;
  height:44px;
  padding:4px 10px 4px 4px;
  border-radius:999px;
  border:1px solid rgba(148, 163, 184, 0.18);
  background:rgba(255, 255, 255, 0.04);
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.04);
  cursor:pointer;
  transition:transform .22s cubic-bezier(0.16, 1, 0.3, 1), border-color .22s cubic-bezier(0.16, 1, 0.3, 1), background .22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .22s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--history .nav-profile-trigger:hover{
  transform:translateY(-1px);
  border-color:rgba(0, 242, 255, 0.35);
  background:rgba(0, 242, 255, 0.08);
  box-shadow:0 12px 24px rgba(0, 242, 255, 0.08);
}

body.account-page--history .nav-profile-trigger img{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0;
}

body.account-page--history .nav-profile-trigger__chev{
  font-size:1.1rem;
  color:rgba(226, 232, 240, 0.82);
  transition:transform .18s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--history .nav-profile-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:225px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(148, 163, 184, 0.14);
  background:rgba(6, 10, 18, 0.94);
  backdrop-filter:blur(20px);
  box-shadow:0 18px 40px rgba(0, 0, 0, 0.38);
  display:flex;
  flex-direction:column;
  gap:4px;
  z-index:50;
  transform-origin:top right;
  opacity:0;
  transform:translateY(-8px) scale(0.96);
  pointer-events:none;
  transition:opacity .18s cubic-bezier(0.16, 1, 0.3, 1), transform .18s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--history .nav-profile-menu[hidden]{
  display:none !important;
}

body.account-page--history .nav-profile-menu::before{
  content:'';
  position:absolute;
  top:-6px;
  right:22px;
  width:12px;
  height:12px;
  transform:rotate(45deg);
  background:rgba(6, 10, 18, 0.94);
  border-left:1px solid rgba(148, 163, 184, 0.14);
  border-top:1px solid rgba(148, 163, 184, 0.14);
}

body.account-page--history .nav-profile-menu.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

body.account-page--history .nav-profile-wrap.is-open .nav-profile-trigger{
  border-color:rgba(0, 242, 255, 0.5);
  background:rgba(0, 242, 255, 0.1);
}

body.account-page--history .nav-profile-wrap.is-open .nav-profile-trigger__chev{
  transform:rotate(180deg);
}

body.account-page--history .nav-profile-menu__head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:4px 4px 10px;
  border-bottom:1px solid rgba(255, 255, 255, 0.06);
  margin-bottom:4px;
}

body.account-page--history .nav-profile-menu__head img{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255, 255, 255, 0.08);
  flex-shrink:0;
}

body.account-page--history .nav-profile-menu__head strong{
  display:block;
  font-size:.88rem;
  font-weight:800;
  color:#fff;
}

body.account-page--history .nav-profile-menu__head span{
  display:block;
  margin-top:2px;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--account-muted);
}

body.account-page--history .nav-profile-menu a,
body.account-page--history .nav-profile-menu button{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:38px;
  padding:8px 10px;
  border-radius:12px;
  border:0;
  background:transparent;
  color:#dbe4f0;
  text-decoration:none;
  font:inherit;
  font-weight:700;
  font-size:.92rem;
  cursor:pointer;
  text-align:left;
  transition:background .18s cubic-bezier(0.16, 1, 0.3, 1), color .18s cubic-bezier(0.16, 1, 0.3, 1), transform .18s cubic-bezier(0.16, 1, 0.3, 1);
}

body.account-page--history .nav-profile-menu a:hover,
body.account-page--history .nav-profile-menu button:hover{
  background:rgba(255, 255, 255, 0.05);
  color:#fff;
  transform:translateX(2px);
}

body.account-page--history .nav-profile-menu a i,
body.account-page--history .nav-profile-menu button i{
  font-size:1rem;
  color:var(--account-blue);
  flex-shrink:0;
}

body.account-page--history .nav-profile-menu button.nav-profile-menu__logout i{
  color:#ff7d7d;
}

body.account-page--history .nav-profile-menu button.nav-profile-menu__logout{
  color:#ffe7e7;
  background:rgba(255, 77, 77, .1);
  box-shadow:inset 0 0 0 1px rgba(255, 77, 77, .16);
}

body.account-page--history .nav-profile-menu button.nav-profile-menu__logout:hover{
  background:rgba(255, 77, 77, .18);
  color:#fff2f2;
}

body.account-page--history .nav-profile-menu button.nav-profile-menu__logout:hover i{
  color:#ffb4b4;
}

body.account-page--history .mobile-toggle{
  display:none;
  font-size:1.8rem;
  cursor:pointer;
  color:#fff;
  background:none;
  border:none;
}

body.account-page--history .mobile-menu{
  position:fixed;
  inset:0;
  padding:84px 16px 18px;
  background:rgba(5, 7, 10, 0.72);
  backdrop-filter:blur(22px);
  z-index:2000;
  transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1), opacity .25s ease, visibility 0s linear .35s;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  gap:16px;
  overflow-y:auto;
  transform:translateX(100%);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
}

body.account-page--history .mobile-menu.open{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
  visibility:visible;
  transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1), opacity .25s ease, visibility 0s;
}

body.account-page--history .mobile-menu-header{
  width:min(100%, 440px);
  margin:0 auto 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 4px;
}

body.account-page--history .mobile-menu-links{
  width:min(100%, 440px);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border-radius:28px;
  background:rgba(8, 10, 15, 0.96);
  border:1px solid rgba(255, 255, 255, 0.08);
  box-shadow:0 24px 80px rgba(0, 0, 0, 0.4);
}

body.account-page--history .mobile-menu a{
  color:#fff;
  text-decoration:none;
  font-size:.98rem;
  font-weight:800;
  line-height:1.2;
  padding:15px 14px;
  border-radius:18px;
  background:rgba(255, 255, 255, 0.03);
  border:1px solid rgba(255, 255, 255, 0.05);
  display:flex;
  align-items:center;
  gap:12px;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

body.account-page--history .mobile-menu a i{
  width:1.1rem;
  flex:0 0 auto;
  color:var(--account-blue);
  font-size:1.05rem;
}

body.account-page--history .mobile-menu a:hover,
body.account-page--history .mobile-menu a:focus-visible{
  color:#fff;
  background:rgba(79, 141, 246, 0.1);
  border-color:rgba(79, 141, 246, 0.25);
  transform:translateY(-1px);
}

body.account-page--history .mobile-menu-divider{
  width:100%;
  height:1px;
  margin:8px 0;
  background:rgba(255, 255, 255, 0.08);
}

body.account-page--history .mobile-menu .nav-discord{
  background:rgba(88, 101, 242, 0.08);
  border-color:rgba(88, 101, 242, 0.16);
}

body.account-page--history .mobile-menu .nav-discord i{
  color:#7289da;
}

body.account-page--history .mobile-close{
  position:static;
  background:rgba(255, 255, 255, 0.05);
  border:1px solid rgba(255, 255, 255, 0.08);
  width:44px;
  height:44px;
  border-radius:14px;
  color:#fff;
  font-size:1rem;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

body.account-page--history .mobile-close:hover,
body.account-page--history .mobile-close:focus-visible{
  background:rgba(255, 255, 255, 0.1);
  border-color:rgba(255, 255, 255, 0.14);
  transform:scale(1.02);
}

body.account-page--history .account-shell{
  padding-top:118px;
}

body.account-page--history .account-hero__panel--history{
  position:relative;
  overflow:hidden;
}

body.account-page--history .account-hero__panel--history::after{
  content:"";
  position:absolute;
  inset:auto -15% -30% auto;
  width:240px;
  height:240px;
  background:radial-gradient(circle, rgba(79,141,246,.22), transparent 64%);
  pointer-events:none;
}

body.account-page--history .history-hero__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}

body.account-page--history .history-stat{
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
}

body.account-page--history .history-stat__label{
  display:block;
  color:#91a0bf;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:8px;
}

body.account-page--history .history-stat strong{
  display:block;
  font-size:1rem;
  font-weight:900;
  letter-spacing:-.02em;
  color:#fff;
}

body.account-page--history .account-hero__side--history{
  display:grid;
  gap:16px;
}

body.account-page--history .history-spotlight{
  display:grid;
  gap:18px;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(16, 20, 33, .92), rgba(10, 14, 24, .96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}

body.account-page--history .history-spotlight__top{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
}

body.account-page--history .history-highlight__avatar{
  width:72px;
  height:72px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:#111624;
}

body.account-page--history .history-highlight__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

body.account-page--history .history-highlight__label{
  display:block;
  color:#8fa0c4;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:6px;
}

body.account-page--history .history-highlight h2{
  margin:0 0 8px;
  font-size:1.25rem;
  letter-spacing:-.03em;
}

body.account-page--history .history-spotlight__body p{
  margin:0;
  color:var(--account-muted);
  line-height:1.6;
}

body.account-page--history .history-spotlight__meta{
  display:grid;
  gap:10px;
  margin-top:18px;
}

body.account-page--history .history-spotlight__meta-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

body.account-page--history .history-spotlight__meta-item span{
  color:#93a2c7;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--history .history-spotlight__meta-item strong{
  color:#fff;
  font-size:.96rem;
  font-weight:900;
}

body.account-page--history .history-section__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(79,141,246,.12);
  border:1px solid rgba(79,141,246,.18);
  color:#dfe9ff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--history .history-section__badge--soft{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
  color:#d9e1f3;
}

body.account-page--history .account-section__head{
  align-items:center;
}

body.account-page--history .account-section__head h2{
  display:flex;
  align-items:center;
  gap:10px;
}

body.account-page--history .account-section__head h2 i{
  color:var(--account-blue-2);
  font-size:1rem;
}

body.account-page--history .history-card{
  padding:18px;
}

body.account-page--history .history-item,
body.account-page--history .history-feed-item{
  align-items:flex-start;
}

body.account-page--history .history-item__copy,
body.account-page--history .history-feed-item__copy{
  min-width:0;
}

body.account-page--history .history-job-item{
  grid-template-columns:auto 1fr auto;
  align-items:center;
}

body.account-page--history .history-job-item__meta{
  display:grid;
  justify-items:end;
  gap:6px;
}

body.account-page--history .history-job-item__meta strong{
  font-size:.95rem;
  color:#fff;
}

body.account-page--history .history-item .timeline__label,
body.account-page--history .history-feed-item .timeline__label{
  font-size:.98rem;
}

body.account-page--history .history-job-item .timeline__bullet{
  align-self:center;
  margin-top:0;
}

body.account-page--history .history-empty{
  display:grid;
  gap:6px;
}

body.account-page--history .history-empty strong{
  color:#fff;
  font-size:1rem;
}

body.account-page--history .history-empty span{
  color:var(--account-muted);
}

@media (max-width: 992px){
  body.account-page--history .history-hero__stats{
    grid-template-columns:1fr;
  }
}
body.account-page--history #join-applications-history {
  margin: 28px 0 0;
  padding: 20px;
  border: 1px solid rgba(122, 146, 181, 0.18);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(14, 19, 31, 0.96), rgba(10, 14, 23, 0.92));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}

body.account-page--history .history-card__eyebrow {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #90a2c8;
}

body.account-page--history .history-card__title {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 800;
  color: #f4f7ff;
}

body.account-page--history .history-applications-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

body.account-page--history .history-mini-card {
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(122, 146, 181, 0.14);
  background: rgba(255, 255, 255, 0.02);
}

body.account-page--history .history-mini-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body.account-page--history .history-mini-card__title {
  font-size: 16px;
  font-weight: 800;
  color: #f4f7ff;
}

body.account-page--history .history-mini-card__meta,
body.account-page--history .history-mini-card__note {
  margin-top: 6px;
  color: rgba(223, 231, 248, 0.72);
  font-size: 13px;
  line-height: 1.5;
}

body.account-page--history .status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(122, 146, 181, 0.14);
  color: #dfe7f8;
}

body.account-page--history .status-pill--under_review {
  background: rgba(75, 129, 255, 0.16);
  color: #98b6ff;
}

body.account-page--history .status-pill--interview_needed {
  background: rgba(255, 177, 75, 0.16);
  color: #f0c07a;
}

body.account-page--history .status-pill--approved,
body.account-page--history .status-pill--accepted {
  background: rgba(70, 193, 126, 0.16);
  color: #88dfb1;
}

body.account-page--history .status-pill--rejected {
  background: rgba(255, 92, 92, 0.16);
  color: #ff9b9b;
}

body.account-page--history .history-empty {
  padding: 18px 0 4px;
  color: rgba(223, 231, 248, 0.68);
}
body.account-page--settings .settings-autosave-status,
body.account-page--settings .save-status,
body.account-page--settings .last-saved {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 30;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(10, 14, 23, 0.92);
  border: 1px solid rgba(122, 146, 181, 0.18);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(14px);
}

body.account-page--settings .settings-autosave-status {
  pointer-events: none;
}

/* Public profile, refreshed to mirror My Stats */
.profile-page .profile-shell{
  max-width:1400px;
  padding:32px 22px 92px;
}

.profile-page .profile-hero{
  margin-bottom:24px;
}

.profile-page .profile-hero__card{
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(12,17,28,.9), rgba(9,12,20,.96));
  border:1px solid rgba(102,145,255,.14);
  box-shadow:0 28px 70px rgba(0,0,0,.42);
  isolation:isolate;
}

.profile-page .profile-hero__card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 18% 12%, rgba(79,141,255,.24), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(62,215,196,.18), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.05), transparent 38%);
  pointer-events:none;
  z-index:0;
}

.profile-page .profile-hero__banner{
  position:absolute;
  inset:0;
  height:auto;
  background-size:cover;
  background-position:center;
  opacity:.92;
  filter:saturate(1.05) contrast(1.02);
}

.profile-page .profile-hero__banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(6,8,16,.92) 0%, rgba(6,8,16,.42) 40%, rgba(6,8,16,.84) 100%),
    linear-gradient(180deg, rgba(6,8,16,.12), rgba(6,8,16,.76));
}

.profile-page .profile-hero__bg{
  opacity:.85;
}

.profile-page .profile-hero__toolbar,
.profile-page .profile-hero__layout,
.profile-page .profile-private{
  position:relative;
  z-index:1;
}

.profile-page .profile-hero__toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:20px;
}

.profile-page .profile-id-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  border-radius:999px;
  background:rgba(10,14,24,.86);
  border:1px solid rgba(255,255,255,.08);
  color:#dbe6ff;
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}

.profile-page .profile-id-pill strong{
  color:#fff;
  font-size:.88rem;
  letter-spacing:.02em;
  text-transform:none;
}

.profile-page .profile-hero__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.profile-page .profile-action-btn{
  width:48px;
  height:48px;
  display:inline-grid;
  place-items:center;
  border-radius:16px;
  background:rgba(12,16,26,.9);
  border:1px solid rgba(255,255,255,.08);
  color:#f4f7ff;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.24);
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.profile-page .profile-action-btn:hover{
  transform:translateY(-1px);
  background:rgba(20,26,40,.98);
  border-color:rgba(102,145,255,.22);
  box-shadow:0 16px 34px rgba(0,0,0,.28);
}

.profile-page .profile-action-btn i{
  font-size:1.02rem;
}

.profile-page .profile-hero__layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:22px;
  align-items:stretch;
}

.profile-page .profile-hero__copy{
  min-width:0;
}

.profile-page .profile-hero__identity{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:22px;
  align-items:center;
  min-height:100%;
}

.profile-page .profile-avatar-wrap{
  padding:10px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 18px 45px rgba(0,0,0,.25);
}

.profile-page .profile-avatar-wrap img{
  width:148px;
  height:148px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 40px rgba(0,0,0,.34);
}

.profile-page .profile-visibility{
  margin-top:12px;
  background:rgba(79,141,255,.14);
  border-color:rgba(79,141,255,.2);
}

.profile-page .profile-hero__headline{
  min-width:0;
}

.profile-page .profile-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:10px;
}

.profile-page .profile-country-pill,
.profile-page .profile-current-vtc-pill,
.profile-page .profile-rank-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#e3e9f7;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.profile-page .profile-country-pill{
  background:rgba(79,141,255,.12);
  border-color:rgba(79,141,255,.18);
}

.profile-page .profile-current-vtc-pill{
  background:rgba(62,215,196,.1);
  border-color:rgba(62,215,196,.16);
}

.profile-page .profile-rank-pill{
  background:rgba(255,255,255,.05);
}

.profile-page .profile-username{
  margin:0 0 10px;
  color:#91a4c9;
}

.profile-page .profile-status-line{
  margin:0 0 14px;
  color:#d9e2f5;
  font-size:1rem;
  font-weight:800;
}

.profile-page .profile-hero__headline h1{
  margin-bottom:12px;
  font-size:clamp(2.6rem,5vw,5rem);
}

.profile-page .profile-bio{
  max-width:60ch;
}

.profile-page .profile-hero__panel{
  display:grid;
  gap:14px;
  align-content:start;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(12,16,28,.92), rgba(9,12,20,.96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 50px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}

.profile-page .profile-completion{
  display:grid;
  gap:10px;
}

.profile-page .profile-completion__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#d9e2f5;
  font-weight:900;
  letter-spacing:-.02em;
}

.profile-page .profile-completion__head span{
  font-size:.95rem;
}

.profile-page .profile-completion__head strong{
  font-size:1.08rem;
}

.profile-page .profile-completion__track{
  width:100%;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
}

.profile-page .profile-completion__track span{
  display:block;
  width:90%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #5a8cff 0%, #67cbff 52%, #29f0df 100%);
  box-shadow:0 0 24px rgba(103,203,255,.24);
}

.profile-page .profile-completion p{
  margin:0;
  color:var(--account-muted);
  font-size:.92rem;
  line-height:1.5;
}

.profile-page .profile-hero__mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.profile-page .profile-mini-card{
  min-height:110px;
  padding:16px;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025)),
    rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  display:flex;
  flex-direction:column;
  gap:8px;
}

.profile-page .profile-mini-card__icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-grid;
  place-items:center;
  color:var(--account-blue-2);
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.18);
  box-shadow:0 10px 24px rgba(79,141,255,.08);
}

.profile-page .profile-mini-card span{
  color:rgba(200,213,235,.88);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.profile-page .profile-mini-card strong{
  margin-top:auto;
  font-size:1.26rem;
  font-weight:900;
  letter-spacing:-.04em;
}

.profile-page .profile-standing-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.profile-page .profile-standing-card__icon{
  width:40px;
  height:40px;
  flex:none;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#dfe9ff;
  background:rgba(62,215,196,.1);
  border:1px solid rgba(62,215,196,.16);
}

.profile-page .profile-standing-card strong{
  display:block;
  margin-bottom:2px;
  font-size:1rem;
  font-weight:900;
}

.profile-page .profile-standing-card p{
  margin:0;
  color:var(--account-muted);
  font-size:.92rem;
}

.profile-page .profile-connection-line{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:#dce3f4;
  font-size:.86rem;
  font-weight:800;
}

.profile-page .profile-connection-line i{
  color:#7ec8ff;
}

.profile-page .profile-card{
  padding:20px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(16,20,33,.88), rgba(10,14,24,.94));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 54px rgba(0,0,0,.3);
  backdrop-filter:blur(18px);
}

.profile-page .profile-grid{
  gap:18px;
  grid-template-columns:repeat(12,minmax(0,1fr));
}

.profile-page .profile-card{
  grid-column:span 4;
}

.profile-page .profile-card--wide{
  grid-column:span 8;
}

.profile-page .profile-card--achievements,
.profile-page .profile-card--timeline{
  grid-column:span 6;
}

.profile-page .profile-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.profile-page .profile-card__hint{
  color:var(--account-muted-2);
  font-size:.82rem;
  font-weight:800;
  text-align:right;
}

.profile-page .profile-card__kicker{
  margin:0;
}

.profile-page .profile-stat{
  align-items:flex-start;
  flex-direction:column;
  gap:10px;
  min-height:110px;
  padding:16px;
}

.profile-page .profile-stat__icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--account-blue-2);
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.16);
  box-shadow:0 10px 24px rgba(79,141,255,.08);
}

.profile-page .profile-stat strong{
  font-size:1.18rem;
}

.profile-page .profile-stats--compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.profile-page .profile-detail-pill,
.profile-page .profile-vtc__box,
.profile-page .profile-socials a{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025)),
    rgba(255,255,255,.02);
}

.profile-page .profile-details-grid{
  gap:12px;
}

.profile-page .profile-detail-pill{
  min-height:98px;
  padding:16px 18px;
  border-radius:18px;
}

.profile-page .profile-detail-pill--standing{
  background:
    linear-gradient(135deg, rgba(79,141,255,.12), rgba(62,215,196,.08) 45%, rgba(255,255,255,.03)),
    rgba(255,255,255,.03);
}

.profile-page .profile-achievements,
.profile-page .profile-timeline{
  display:grid;
  gap:12px;
}

.profile-page .profile-achievement{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
}

.profile-page .profile-achievement__icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  flex:none;
}

.profile-page .profile-achievement__icon.is-on{
  color:#dffcff;
  background:rgba(62,215,196,.12);
  border:1px solid rgba(62,215,196,.18);
}

.profile-page .profile-achievement__icon.is-off{
  color:#b7c0d8;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.profile-page .profile-achievement__copy{
  min-width:0;
}

.profile-page .profile-achievement__copy strong{
  display:block;
  font-size:.98rem;
  font-weight:900;
  letter-spacing:-.02em;
}

.profile-page .profile-achievement__copy span{
  display:block;
  margin-top:4px;
  color:var(--account-muted);
  font-size:.86rem;
  line-height:1.5;
}

.profile-page .profile-timeline__item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.profile-page .profile-timeline__bullet{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--account-blue-2);
  box-shadow:0 0 0 4px rgba(103,203,255,.12);
}

.profile-page .profile-timeline__copy strong{
  display:block;
  font-size:.98rem;
  font-weight:900;
}

.profile-page .profile-timeline__copy span{
  display:block;
  margin-top:4px;
  color:var(--account-muted);
  font-size:.86rem;
}

.profile-page .profile-timeline__date{
  color:#8d99b3;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
}

.profile-page .profile-socials{
  gap:10px;
}

.profile-page .profile-socials a{
  border-radius:16px;
  min-height:56px;
}

.profile-page .profile-vtc{
  gap:12px;
}

.profile-page .profile-vtc__box{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
}

.profile-page .profile-vtc__box input{
  background:rgba(255,255,255,.04);
}

.profile-page .profile-private{
  margin-top:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  box-shadow:0 18px 44px rgba(0,0,0,.2);
}

@media (max-width: 1100px){
  .profile-page .profile-hero__layout{
    grid-template-columns:1fr;
  }

  .profile-page .profile-card{
    grid-column:span 12;
  }

  .profile-page .profile-card--achievements,
  .profile-page .profile-card--timeline{
    grid-column:span 12;
  }
}

@media (max-width: 760px){
  .profile-page .profile-shell{
    padding-inline:16px;
    padding-top:22px;
  }

  .profile-page .profile-hero__card{
    padding:18px;
  }

  .profile-page .profile-hero__toolbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .profile-page .profile-action-btn{
    width:46px;
    height:46px;
  }

  .profile-page .profile-hero__identity{
    grid-template-columns:1fr;
    justify-items:start;
  }

  .profile-page .profile-avatar-wrap img{
    width:128px;
    height:128px;
  }

  .profile-page .profile-hero__mini-grid,
  .profile-page .profile-stats--compact,
  .profile-page .profile-details-grid{
    grid-template-columns:1fr;
  }

  .profile-page .profile-card--achievements,
  .profile-page .profile-card--timeline{
    grid-column:span 12;
  }
}

.profile-page .profile-toast{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:2500;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:16px;
  background:rgba(9,12,20,.94);
  border:1px solid rgba(255,255,255,.08);
  color:#f4f7ff;
  box-shadow:0 18px 40px rgba(0,0,0,.38);
  backdrop-filter:blur(16px);
  transform:translateY(8px);
  opacity:0;
  animation:profileToastIn .18s ease forwards;
}

.profile-page .profile-toast i{
  color:var(--account-blue-2);
  font-size:1rem;
}

.profile-page .profile-toast--success i{
  color:#3ed7c4;
}

.profile-page .profile-toast--warning i{
  color:#f0c15b;
}

@keyframes profileToastIn{
  to{
    opacity:1;
    transform:translateY(0);
  }
}


/* ==========================
   SETTINGS PREMIUM V2 REDESIGN
   Drop this block at the END of css/account-pages.css
   ========================== */
body.settings-premium-v2.account-page--settings{
  background:
    radial-gradient(circle at 12% 0%, rgba(79,141,255,.22), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(62,215,196,.18), transparent 25%),
    linear-gradient(180deg,#05070d 0%,#070a13 44%,#04060b 100%);
}

body.settings-premium-v2.account-page--settings .settings-shell{
  max-width:1480px;
  padding:112px 28px 86px;
}

body.settings-premium-v2.account-page--settings .settings-experience{
  display:grid;
  gap:24px;
}

body.settings-premium-v2.account-page--settings .settings-cover{
  min-height:560px;
  position:relative;
  overflow:hidden;
  border-radius:38px;
  padding:34px;
  isolation:isolate;
  background:
    linear-gradient(90deg, rgba(7,12,23,.98) 0%, rgba(9,16,31,.92) 42%, rgba(11,26,35,.8) 100%),
    url('../assets/img/profile/default-banner.jpg') center/cover no-repeat;
  border:1px solid rgba(120,155,255,.16);
  box-shadow:0 34px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
}

body.settings-premium-v2.account-page--settings .settings-cover::before,
body.settings-premium-v2.account-page--settings .settings-cover::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}

body.settings-premium-v2.account-page--settings .settings-cover::before{
  inset:0;
  background:
    radial-gradient(circle at 18% 35%, rgba(0,224,255,.16), transparent 30%),
    radial-gradient(circle at 78% 18%, rgba(79,141,255,.20), transparent 28%),
    linear-gradient(180deg, rgba(5,7,13,.08), rgba(5,7,13,.72));
}

body.settings-premium-v2.account-page--settings .settings-cover::after{
  width:760px;
  height:760px;
  right:-250px;
  bottom:-360px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(62,215,196,.18), transparent 64%);
  filter:blur(8px);
}

body.settings-premium-v2.account-page--settings .settings-cover__background{
  position:absolute;
  inset:0;
  opacity:.32;
  background:
    linear-gradient(120deg, transparent 0 42%, rgba(103,203,255,.09) 42% 43%, transparent 43% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 96px);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.8), transparent 72%);
  pointer-events:none;
}

body.settings-premium-v2.account-page--settings .settings-cover__topline{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

body.settings-premium-v2.account-page--settings .settings-cover__badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(79,141,255,.15);
  border:1px solid rgba(103,203,255,.22);
  color:#e8f1ff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 12px 32px rgba(79,141,255,.14);
}

body.settings-premium-v2.account-page--settings .settings-cover__identity{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto minmax(0,780px);
  gap:28px;
  align-items:end;
  margin-top:106px;
}

body.settings-premium-v2.account-page--settings .settings-cover__avatar-wrap{
  width:178px;
  height:178px;
  position:relative;
  border-radius:42px;
  padding:7px;
  background:linear-gradient(135deg, rgba(103,203,255,.96), rgba(79,141,255,.62) 48%, rgba(62,215,196,.8));
  box-shadow:0 22px 70px rgba(79,141,255,.24), 0 0 0 12px rgba(255,255,255,.035);
}

body.settings-premium-v2.account-page--settings .settings-cover__avatar-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:35px;
  background:#070a12;
  border:1px solid rgba(255,255,255,.12);
}

body.settings-premium-v2.account-page--settings .settings-cover__avatar-glow{
  position:absolute;
  inset:-28px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(103,203,255,.26), transparent 66%);
  filter:blur(12px);
}

body.settings-premium-v2.account-page--settings .settings-cover__eyebrow{
  margin:0 0 10px;
  color:#9fb5ff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

body.settings-premium-v2.account-page--settings .settings-cover__copy h1{
  max-width:760px;
  margin:0;
  font-size:clamp(3.25rem,7vw,6.9rem);
  line-height:.88;
  letter-spacing:-.075em;
  text-wrap:balance;
}

body.settings-premium-v2.account-page--settings .settings-cover__copy > p:not(.settings-cover__eyebrow){
  margin:18px 0 0;
  max-width:68ch;
  color:#b4bdd2;
  font-size:1.04rem;
  line-height:1.7;
}

body.settings-premium-v2.account-page--settings .settings-cover__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

body.settings-premium-v2.account-page--settings .settings-cover__chips span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  color:#eef4ff;
  font-size:.82rem;
  font-weight:850;
}

body.settings-premium-v2.account-page--settings .settings-cover__chips i{
  color:var(--account-blue-2);
}

body.settings-premium-v2.account-page--settings .settings-cover__orbs{
  position:absolute;
  z-index:3;
  right:34px;
  top:96px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

body.settings-premium-v2.account-page--settings .settings-icon-action{
  width:58px;
  height:58px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f8fbff;
  background:rgba(5,8,15,.72);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 16px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  text-decoration:none;
  cursor:pointer;
  transition:transform .22s cubic-bezier(.16,1,.3,1), box-shadow .22s cubic-bezier(.16,1,.3,1), background .22s ease, border-color .22s ease;
}

body.settings-premium-v2.account-page--settings .settings-icon-action i{
  font-size:1.15rem;
}

body.settings-premium-v2.account-page--settings .settings-icon-action:hover,
body.settings-premium-v2.account-page--settings .settings-icon-action:focus-visible{
  transform:translateY(-3px) scale(1.04);
  border-color:rgba(103,203,255,.42);
  background:linear-gradient(180deg, rgba(79,141,255,.22), rgba(62,215,196,.10)), rgba(5,8,15,.78);
  box-shadow:0 20px 50px rgba(79,141,255,.22), 0 0 32px rgba(103,203,255,.20);
  outline:none;
}

body.settings-premium-v2.account-page--settings .settings-icon-action--small{
  width:46px;
  height:46px;
}

body.settings-premium-v2.account-page--settings .settings-cover__dock{
  position:absolute;
  z-index:2;
  left:34px;
  right:34px;
  bottom:30px;
  display:grid;
  grid-template-columns:minmax(260px,1.2fr) repeat(3,minmax(160px,.55fr));
  gap:14px;
  align-items:stretch;
}

body.settings-premium-v2.account-page--settings .settings-hero__dock-profile,
body.settings-premium-v2.account-page--settings .settings-cover__dock-card{
  min-height:96px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(18,24,40,.72), rgba(8,12,22,.78));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 44px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}

body.settings-premium-v2.account-page--settings .settings-hero__dock-profile{
  display:flex;
  align-items:center;
  gap:15px;
}

body.settings-premium-v2.account-page--settings .settings-hero__dock-profile img{
  width:60px;
  height:60px;
  border-radius:20px;
  object-fit:cover;
  background:#0b1020;
}

body.settings-premium-v2.account-page--settings .settings-hero__dock-profile strong{
  display:block;
  font-size:1.14rem;
  font-weight:900;
}

body.settings-premium-v2.account-page--settings .settings-hero__dock-profile span,
body.settings-premium-v2.account-page--settings .settings-cover__dock-card span{
  display:block;
  color:#9aa8c4;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

body.settings-premium-v2.account-page--settings .settings-cover__dock-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}

body.settings-premium-v2.account-page--settings .settings-cover__dock-card strong{
  color:#fff;
  font-size:1.02rem;
  font-weight:950;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}

body.settings-premium-v2.account-page--settings .settings-cover__dock-card--progress strong{
  align-self:flex-end;
  margin-top:-30px;
}

body.settings-premium-v2.account-page--settings .settings-cover__progress{
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}

body.settings-premium-v2.account-page--settings .settings-cover__progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, var(--account-blue), var(--account-teal));
  box-shadow:0 0 24px rgba(103,203,255,.35);
}

body.settings-premium-v2.account-page--settings .settings-studio{
  display:grid;
  grid-template-columns:330px minmax(0,1.05fr) minmax(340px,.95fr);
  grid-template-areas:
    "command identity identity"
    "command connected socials"
    "command privacy privacy";
  gap:22px;
  align-items:start;
}

body.settings-premium-v2.account-page--settings .settings-command-panel{
  grid-area:command;
  position:sticky;
  top:104px;
  display:grid;
  gap:16px;
}

body.settings-premium-v2.account-page--settings .settings-panel--identity{grid-area:identity;}
body.settings-premium-v2.account-page--settings .settings-panel--connected{grid-area:connected;}
body.settings-premium-v2.account-page--settings .settings-panel--socials{grid-area:socials;}
body.settings-premium-v2.account-page--settings .settings-panel--privacy{grid-area:privacy;}

body.settings-premium-v2.account-page--settings .settings-command-panel__card,
body.settings-premium-v2.account-page--settings .settings-command-panel__sync,
body.settings-premium-v2.account-page--settings .settings-panel{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(16,21,36,.78), rgba(8,12,22,.86));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 26px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}

body.settings-premium-v2.account-page--settings .settings-panel{
  padding:26px;
  display:grid;
  gap:18px;
}

body.settings-premium-v2.account-page--settings .settings-panel::after,
body.settings-premium-v2.account-page--settings .settings-command-panel__sync::after{
  content:"";
  position:absolute;
  inset:auto -20% -40% 38%;
  height:240px;
  background:radial-gradient(circle, rgba(79,141,255,.12), transparent 64%);
  pointer-events:none;
}

body.settings-premium-v2.account-page--settings .settings-command-panel__card--identity{
  padding:20px;
  display:flex;
  align-items:center;
  gap:14px;
}

body.settings-premium-v2.account-page--settings .settings-command-panel__card--identity img{
  width:64px;
  height:64px;
  border-radius:22px;
  object-fit:cover;
  background:#090d17;
  border:1px solid rgba(103,203,255,.24);
}

body.settings-premium-v2.account-page--settings .settings-command-panel__card span,
body.settings-premium-v2.account-page--settings .settings-command-panel__sync span{
  display:block;
  color:#98a8c8;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body.settings-premium-v2.account-page--settings .settings-command-panel__card strong,
body.settings-premium-v2.account-page--settings .settings-command-panel__sync strong{
  display:block;
  margin-top:6px;
  font-size:1.04rem;
  font-weight:950;
}

body.settings-premium-v2.account-page--settings .settings-command-panel__card p,
body.settings-premium-v2.account-page--settings .settings-command-panel__sync p{
  margin:5px 0 0;
  color:#aab4ca;
  font-size:.84rem;
  line-height:1.55;
}

body.settings-premium-v2.account-page--settings .settings-command-panel__quick{
  display:grid;
  gap:12px;
}

body.settings-premium-v2.account-page--settings .settings-command-action{
  appearance:none;
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  color:#eef4ff;
  text-decoration:none;
  cursor:pointer;
  font:inherit;
  font-weight:900;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

body.settings-premium-v2.account-page--settings .settings-command-action i{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(5,8,15,.75);
  border:1px solid rgba(255,255,255,.08);
  color:var(--account-blue-2);
  flex:none;
}

body.settings-premium-v2.account-page--settings .settings-command-action:hover,
body.settings-premium-v2.account-page--settings .settings-command-action:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(103,203,255,.30);
  background:linear-gradient(180deg, rgba(79,141,255,.14), rgba(62,215,196,.055));
  box-shadow:0 18px 38px rgba(79,141,255,.12);
  outline:none;
}

body.settings-premium-v2.account-page--settings .settings-command-panel__sync{
  padding:20px;
  display:flex;
  justify-content:space-between;
  gap:16px;
}

body.settings-premium-v2.account-page--settings .settings-command-panel__sync i{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(62,215,196,.12);
  border:1px solid rgba(62,215,196,.2);
  color:#b7fff5;
  flex:none;
}

body.settings-premium-v2.account-page--settings .settings-panel__head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

body.settings-premium-v2.account-page--settings .settings-panel__title{
  display:flex;
  align-items:center;
  gap:14px;
}

body.settings-premium-v2.account-page--settings .settings-panel__icon{
  width:60px;
  height:60px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, rgba(79,141,255,.20), rgba(79,141,255,.08));
  border:1px solid rgba(103,203,255,.18);
  color:#dfe9ff;
  font-size:1.5rem;
}

body.settings-premium-v2.account-page--settings .settings-panel__title span{
  display:block;
  color:#9fb5d9;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:4px;
}

body.settings-premium-v2.account-page--settings .settings-panel__title h2{
  margin:0;
  font-size:1.28rem;
  letter-spacing:-.035em;
}

body.settings-premium-v2.account-page--settings .field-grid--app{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body.settings-premium-v2.account-page--settings .field{
  position:relative;
  z-index:1;
}

body.settings-premium-v2.account-page--settings .field label{
  display:flex;
  align-items:center;
  gap:8px;
  color:#dbe5f7;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

body.settings-premium-v2.account-page--settings .field label i{
  color:var(--account-blue-2);
}

body.settings-premium-v2.account-page--settings .field input,
body.settings-premium-v2.account-page--settings .field textarea,
body.settings-premium-v2.account-page--settings .field select{
  width:100%;
  border-radius:18px;
  padding:15px 16px;
  color:#fff;
  background:rgba(5,8,15,.52);
  border:1px solid rgba(255,255,255,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  font:inherit;
  outline:none;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.settings-premium-v2.account-page--settings .field input:focus,
body.settings-premium-v2.account-page--settings .field textarea:focus,
body.settings-premium-v2.account-page--settings .field select:focus{
  border-color:rgba(103,203,255,.44);
  background:rgba(8,13,25,.74);
  box-shadow:0 0 0 4px rgba(79,141,255,.12), 0 16px 34px rgba(0,0,0,.18);
}

body.settings-premium-v2.account-page--settings .settings-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-color:rgba(5,8,15,.52);
  background-image:
    linear-gradient(45deg, transparent 50%, #93a7d8 50%),
    linear-gradient(135deg, #93a7d8 50%, transparent 50%);
  background-position:calc(100% - 20px) calc(50% - 2px), calc(100% - 14px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:3rem;
}

body.settings-premium-v2.account-page--settings .settings-connected-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

body.settings-premium-v2.account-page--settings .settings-connected-card{
  position:relative;
  overflow:hidden;
  padding:20px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.023));
  border:1px solid rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body.settings-premium-v2.account-page--settings .settings-connected-card--discord{border-color:rgba(88,101,242,.24);}
body.settings-premium-v2.account-page--settings .settings-connected-card--patreon{border-color:rgba(255,66,77,.20);}

body.settings-premium-v2.account-page--settings .settings-connected-card__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}

body.settings-premium-v2.account-page--settings .settings-connected-card__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#9fb5ff;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

body.settings-premium-v2.account-page--settings .settings-connected-card__head h3{
  margin:8px 0 0;
  font-size:1.08rem;
  font-weight:950;
}

body.settings-premium-v2.account-page--settings .settings-connected-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 11px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(255,255,255,.05);
  color:#dbe6ff;
  border:1px solid rgba(255,255,255,.08);
}

body.settings-premium-v2.account-page--settings .settings-connected-badge[data-state="connected"]{
  background:rgba(34,197,94,.12);
  color:#dafce7;
  border-color:rgba(34,197,94,.24);
}

body.settings-premium-v2.account-page--settings .settings-connected-badge[data-state="offline"]{
  background:rgba(255,255,255,.04);
  color:#d0d8ea;
}

body.settings-premium-v2.account-page--settings .settings-connected-card__copy{
  margin:12px 0 0;
  color:#aeb8ce;
  line-height:1.55;
  font-size:.9rem;
}

body.settings-premium-v2.account-page--settings .settings-connected-card__meta,
body.settings-premium-v2.account-page--settings .settings-connected-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

body.settings-premium-v2.account-page--settings .settings-connected-card__meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.065);
  color:#cdd7ea;
  font-size:.82rem;
}

body.settings-premium-v2.account-page--settings .settings-connected-card__meta strong{
  color:#f4f8ff;
  font-weight:950;
}

body.settings-premium-v2.account-page--settings .settings-privacy-card{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body.settings-premium-v2.account-page--settings .settings-privacy-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
}

body.settings-premium-v2.account-page--settings .settings-privacy-item__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#eef4ff;
  font-weight:950;
}

body.settings-premium-v2.account-page--settings .settings-privacy-item p{
  margin:8px 0 0;
  color:#aeb8ce;
  line-height:1.55;
  font-size:.88rem;
}

body.settings-premium-v2.account-page--settings .settings-switch{
  display:inline-flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  user-select:none;
  flex:none;
}

body.settings-premium-v2.account-page--settings .settings-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

body.settings-premium-v2.account-page--settings .settings-switch__track{
  width:60px;
  height:34px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  position:relative;
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.settings-premium-v2.account-page--settings .settings-switch__track::after{
  content:"";
  position:absolute;
  left:4px;
  top:4px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.28);
  transition:transform .18s ease;
}

body.settings-premium-v2.account-page--settings .settings-switch input:checked + .settings-switch__track{
  background:rgba(79,141,255,.36);
  border-color:rgba(103,203,255,.44);
  box-shadow:0 0 0 4px rgba(79,141,255,.10);
}

body.settings-premium-v2.account-page--settings .settings-switch input:checked + .settings-switch__track::after{
  transform:translateX(26px);
}

body.settings-premium-v2.account-page--settings .settings-switch__label{
  color:#dbe6ff;
  font-size:.84rem;
  font-weight:950;
}

body.settings-premium-v2.account-page--settings .settings-actions{
  position:relative;
  z-index:1;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

body.settings-premium-v2.account-page--settings .account-btn{
  border-radius:999px;
  min-height:48px;
  font-weight:900;
}

body.settings-premium-v2.account-page--settings .empty-state{
  position:relative;
  z-index:1;
}

@media (max-width:1180px){
  body.settings-premium-v2.account-page--settings .settings-cover__dock{
    grid-template-columns:1fr 1fr;
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:42px;
  }
  body.settings-premium-v2.account-page--settings .settings-studio{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "command command"
      "identity identity"
      "connected socials"
      "privacy privacy";
  }
  body.settings-premium-v2.account-page--settings .settings-command-panel{
    position:relative;
    top:auto;
    grid-template-columns:1fr 1fr 1fr;
  }
}

@media (max-width:860px){
  body.settings-premium-v2.account-page--settings .settings-shell{
    padding:96px 16px 70px;
  }
  body.settings-premium-v2.account-page--settings .settings-cover{
    min-height:auto;
    padding:22px;
    border-radius:28px;
  }
  body.settings-premium-v2.account-page--settings .settings-cover__topline{
    align-items:flex-start;
    flex-direction:column;
  }
  body.settings-premium-v2.account-page--settings .settings-cover__identity{
    grid-template-columns:1fr;
    margin-top:52px;
  }
  body.settings-premium-v2.account-page--settings .settings-cover__avatar-wrap{
    width:124px;
    height:124px;
    border-radius:32px;
  }
  body.settings-premium-v2.account-page--settings .settings-cover__copy h1{
    font-size:clamp(2.7rem,13vw,4.3rem);
  }
  body.settings-premium-v2.account-page--settings .settings-cover__orbs{
    position:relative;
    top:auto;
    right:auto;
    flex-direction:row;
    flex-wrap:wrap;
    margin-top:24px;
  }
  body.settings-premium-v2.account-page--settings .settings-cover__dock,
  body.settings-premium-v2.account-page--settings .settings-studio,
  body.settings-premium-v2.account-page--settings .settings-command-panel,
  body.settings-premium-v2.account-page--settings .field-grid--app,
  body.settings-premium-v2.account-page--settings .settings-privacy-card{
    grid-template-columns:1fr;
  }
  body.settings-premium-v2.account-page--settings .settings-studio{
    grid-template-areas:
      "command"
      "identity"
      "connected"
      "socials"
      "privacy";
  }
  body.settings-premium-v2.account-page--settings .settings-panel,
  body.settings-premium-v2.account-page--settings .settings-command-panel__card,
  body.settings-premium-v2.account-page--settings .settings-command-panel__sync{
    border-radius:24px;
  }
  body.settings-premium-v2.account-page--settings .settings-panel__head,
  body.settings-premium-v2.account-page--settings .settings-privacy-item{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* ==========================
   SETTINGS PREMIUM V3 PATCH
   - one visible avatar + one visible username only
   - flatter solid premium colors, less gradients
   ========================== */
body.settings-premium-v3.account-page--settings{
  background:#05070d;
}

body.settings-premium-v3.account-page--settings::before,
body.settings-premium-v3.account-page--settings::after{
  opacity:.08;
}

body.settings-premium-v3.account-page--settings .settings-cover{
  background:#08111f;
  border-color:rgba(103,203,255,.18);
  box-shadow:0 34px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.035);
}

body.settings-premium-v3.account-page--settings .settings-cover::before{
  background:rgba(6,10,18,.36);
}

body.settings-premium-v3.account-page--settings .settings-cover::after{
  display:none;
}

body.settings-premium-v3.account-page--settings .settings-cover__background{
  opacity:.18;
  background:rgba(79,141,255,.035);
  mask-image:none;
}

body.settings-premium-v3.account-page--settings .settings-cover__badge,
body.settings-premium-v3.account-page--settings .settings-status-pill,
body.settings-premium-v3.account-page--settings .settings-cover__chips span{
  background:#101a2d;
  border-color:rgba(103,203,255,.16);
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .settings-cover__avatar-wrap{
  background:#0e1728;
  border:2px solid #4f8dff;
  box-shadow:0 20px 60px rgba(0,0,0,.36), 0 0 0 10px rgba(79,141,255,.08);
}

body.settings-premium-v3.account-page--settings .settings-cover__avatar-glow{
  display:none;
}

body.settings-premium-v3.account-page--settings .settings-cover__userline{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
}

body.settings-premium-v3.account-page--settings .settings-cover__userline strong{
  font-size:1.24rem;
  font-weight:950;
  letter-spacing:-.04em;
  color:#fff;
}

body.settings-premium-v3.account-page--settings .settings-cover__userline span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 11px;
  border-radius:999px;
  background:#101a2d;
  border:1px solid rgba(255,255,255,.08);
  color:#aeb8cf;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

body.settings-premium-v3.account-page--settings .settings-cover__dock{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

body.settings-premium-v3.account-page--settings .settings-cover__dock-card,
body.settings-premium-v3.account-page--settings .settings-panel,
body.settings-premium-v3.account-page--settings .settings-command-panel__card,
body.settings-premium-v3.account-page--settings .settings-command-panel__sync,
body.settings-premium-v3.account-page--settings .settings-connected-card,
body.settings-premium-v3.account-page--settings .settings-privacy-card,
body.settings-premium-v3.account-page--settings .settings-profile-link{
  background:#0c1220;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 22px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
}

body.settings-premium-v3.account-page--settings .settings-icon-action,
body.settings-premium-v3.account-page--settings .settings-panel__icon,
body.settings-premium-v3.account-page--settings .settings-command-panel__section-icon{
  background:#101a2d;
  border-color:rgba(103,203,255,.14);
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .settings-icon-action:hover,
body.settings-premium-v3.account-page--settings .settings-icon-action:focus-visible{
  background:#14213a;
  border-color:rgba(103,203,255,.38);
  box-shadow:0 16px 38px rgba(0,0,0,.3);
}

body.settings-premium-v3.account-page--settings .settings-command-action{
  background:#0c1220;
  border-color:rgba(255,255,255,.08);
}

body.settings-premium-v3.account-page--settings .settings-command-action:hover{
  background:#101a2d;
}

body.settings-premium-v3.account-page--settings .field input,
body.settings-premium-v3.account-page--settings .field textarea,
body.settings-premium-v3.account-page--settings .field select{
  background:#080d18;
  border-color:rgba(255,255,255,.09);
}

body.settings-premium-v3.account-page--settings .field input:focus,
body.settings-premium-v3.account-page--settings .field textarea:focus,
body.settings-premium-v3.account-page--settings .field select:focus{
  background:#0b1324;
  border-color:rgba(79,141,255,.55);
}

body.settings-premium-v3.account-page--settings .settings-cover__progress span{
  background:#3ed7c4;
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .settings-connected-badge[data-state="connected"],
body.settings-premium-v3.account-page--settings .settings-connected-badge[data-state="active"]{
  background:#0f2a24;
  border-color:rgba(62,215,196,.24);
}

body.settings-premium-v3.account-page--settings .account-btn--primary{
  color:#fff;
  background:#4f8dff;
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .account-btn--ghost{
  background:#0c1220;
  border-color:rgba(255,255,255,.08);
}

@media (max-width:760px){
  body.settings-premium-v3.account-page--settings .settings-cover__dock{
    grid-template-columns:1fr;
  }
  body.settings-premium-v3.account-page--settings .settings-cover__userline{
    flex-wrap:wrap;
  }
}

/* ==========================
   SETTINGS CLEANUP PASS
   - simpler hero
   - flat solid surfaces
   ========================== */
body.settings-premium-v3.account-page--settings .settings-experience{
  gap:20px;
}

body.settings-premium-v3.account-page--settings .settings-cover{
  min-height:auto;
  display:grid;
  gap:18px;
  padding:30px;
  background:#0b111b;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 54px rgba(0,0,0,.28);
}

body.settings-premium-v3.account-page--settings .settings-cover::before,
body.settings-premium-v3.account-page--settings .settings-cover::after,
body.settings-premium-v3.account-page--settings .settings-cover__background{
  display:none;
}

body.settings-premium-v3.account-page--settings .settings-cover__intro{
  max-width:720px;
}

body.settings-premium-v3.account-page--settings .settings-cover__intro-head{
  display:flex;
  align-items:center;
  gap:18px;
}

body.settings-premium-v3.account-page--settings .settings-cover__avatar-top{
  width:76px;
  height:76px;
  flex:none;
  border-radius:24px;
  overflow:hidden;
  background:#121a28;
  border:1px solid rgba(255,255,255,.08);
}

body.settings-premium-v3.account-page--settings .settings-cover__avatar-top img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#0a1019;
}

body.settings-premium-v3.account-page--settings .settings-cover__intro h1{
  margin:0;
  font-size:clamp(2.3rem, 5vw, 3.9rem);
  line-height:.96;
  letter-spacing:-.05em;
}

body.settings-premium-v3.account-page--settings .settings-cover__intro p{
  margin:12px 0 0;
  color:#aab4c8;
  font-size:1rem;
  line-height:1.65;
  max-width:62ch;
}

body.settings-premium-v3.account-page--settings .settings-cover__orbs{
  position:static;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:12px;
}

body.settings-premium-v3.account-page--settings .settings-icon-action{
  background:#121a28;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

body.settings-premium-v3.account-page--settings .settings-icon-action:hover,
body.settings-premium-v3.account-page--settings .settings-icon-action:focus-visible{
  background:#182334;
  border-color:rgba(103,203,255,.28);
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .settings-command-panel__card,
body.settings-premium-v3.account-page--settings .settings-command-panel__sync,
body.settings-premium-v3.account-page--settings .settings-panel,
body.settings-premium-v3.account-page--settings .settings-connected-card,
body.settings-premium-v3.account-page--settings .settings-privacy-item,
body.settings-premium-v3.account-page--settings .settings-profile-link,
body.settings-premium-v3.account-page--settings .settings-command-action{
  background:#0d1420;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 42px rgba(0,0,0,.2);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

body.settings-premium-v3.account-page--settings .settings-command-action:hover,
body.settings-premium-v3.account-page--settings .settings-command-action:focus-visible{
  background:#131c2a;
  border-color:rgba(103,203,255,.2);
  box-shadow:0 18px 42px rgba(0,0,0,.2);
}

body.settings-premium-v3.account-page--settings .settings-panel::after,
body.settings-premium-v3.account-page--settings .settings-command-panel__sync::after{
  display:none;
}

body.settings-premium-v3.account-page--settings .settings-panel__icon,
body.settings-premium-v3.account-page--settings .settings-command-panel__section-icon{
  background:#121a28;
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .field input,
body.settings-premium-v3.account-page--settings .field textarea,
body.settings-premium-v3.account-page--settings .field select,
body.settings-premium-v3.account-page--settings .settings-select{
  background:#09101a;
  border-color:rgba(255,255,255,.09);
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .field input:focus,
body.settings-premium-v3.account-page--settings .field textarea:focus,
body.settings-premium-v3.account-page--settings .field select:focus{
  background:#0d1521;
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .settings-connected-card__meta span,
body.settings-premium-v3.account-page--settings .settings-status-pill,
body.settings-premium-v3.account-page--settings .settings-connected-badge,
body.settings-premium-v3.account-page--settings .settings-switch__track{
  background:#121a28;
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .account-btn--primary{
  background:#4f8dff;
  box-shadow:none;
}

body.settings-premium-v3.account-page--settings .account-btn--ghost{
  background:#121a28;
  border-color:rgba(255,255,255,.08);
}

@media (max-width:860px){
  body.settings-premium-v3.account-page--settings .settings-cover{
    padding:22px;
    border-radius:26px;
  }

  body.settings-premium-v3.account-page--settings .settings-cover__orbs{
    gap:10px;
  }
}

body.settings-premium-v3.account-page--settings .settings-studio{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  grid-template-areas:
    "identity identity"
    "connected connected"
    "socials socials"
    "privacy privacy"
    "danger danger";
  gap:22px;
  align-items:start;
}

body.settings-premium-v3.account-page--settings .settings-panel--identity{grid-area:identity;}
body.settings-premium-v3.account-page--settings .settings-panel--connected{grid-area:connected;}
body.settings-premium-v3.account-page--settings .settings-panel--socials{grid-area:socials;}
body.settings-premium-v3.account-page--settings .settings-panel--privacy{grid-area:privacy;}
body.settings-premium-v3.account-page--settings .settings-panel--danger{grid-area:danger;}

body.settings-premium-v3.account-page--settings .settings-panel--connected .settings-connected-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

body.account-page--settings .settings-connected-card__hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);
  gap:12px;
  margin-top:14px;
}

body.account-page--settings .settings-connected-card__identity,
body.account-page--settings .settings-connected-card__ref{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
}

body.account-page--settings .settings-connected-card__avatar{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(88,101,242,.16);
  color:#cfd7ff;
  flex:0 0 auto;
}

body.account-page--settings .settings-connected-card__identity strong,
body.account-page--settings .settings-connected-card__ref strong{
  display:block;
  color:#fff;
  font-size:.94rem;
  font-weight:950;
}

body.account-page--settings .settings-connected-card__identity span:last-child,
body.account-page--settings .settings-connected-card__ref span{
  display:block;
  margin-top:4px;
  color:var(--account-muted);
  font-size:.78rem;
  line-height:1.4;
}

body.account-page--settings .settings-connected-card__ref{
  display:grid;
  align-content:center;
}

body.settings-premium-v3.account-page--settings .settings-panel--socials .field-grid--app{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

body.account-page--settings .settings-danger-grid{
  display:grid;
  gap:18px;
}

body.account-page--settings .settings-danger-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
}

body.account-page--settings .settings-danger-card--critical{
  border-color:rgba(255,94,122,.22);
  background:linear-gradient(180deg, rgba(255,94,122,.08), rgba(255,255,255,.02));
}

body.account-page--settings .settings-danger-card__copy{
  display:grid;
  gap:8px;
}

body.account-page--settings .settings-danger-card__copy h3,
body.account-page--settings .settings-danger-card__copy p{
  margin:0;
}

body.account-page--settings .settings-danger-card__copy p{
  color:var(--account-muted);
  max-width:62ch;
}

body.account-page--settings .settings-danger-card__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#f2c279;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.account-page--settings .settings-danger-btn{
  white-space:nowrap;
}

body.account-page--settings .settings-danger-btn--critical{
  border-color:rgba(255,94,122,.32);
  color:#ffd8e0;
  background:rgba(255,94,122,.12);
}

body.account-page--settings .settings-danger-btn--critical:hover{
  border-color:rgba(255,94,122,.48);
  background:rgba(255,94,122,.18);
}

body.account-page--settings .settings-delete-account-verify-hint{
  margin:10px 0 0;
  color:var(--account-muted);
  font-size:.9rem;
  line-height:1.55;
}

body.account-page--settings .settings-delete-account-verify-form{
  gap:14px;
}

body.account-page--settings .settings-delete-account-verify-target{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

body.account-page--settings .settings-delete-account-verify-target__label{
  color:var(--account-muted);
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.account-page--settings .settings-delete-account-verify-target strong{
  color:#fff;
  font-size:1rem;
  letter-spacing:-.02em;
}

body.account-page--settings #settings-delete-account-verify-input{
  width:100%;
  min-height:52px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(7,10,18,.92);
  color:#f5f7ff;
  padding:0 16px;
  font-size:1rem;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.account-page--settings #settings-delete-account-verify-input::placeholder{
  color:rgba(219,227,243,.45);
}

body.account-page--settings #settings-delete-account-verify-input:focus{
  border-color:rgba(92,145,255,.42);
  box-shadow:0 0 0 4px rgba(92,145,255,.12);
  background:rgba(10,14,24,.98);
}

body.account-page--settings .settings-coming-soon-note{
  margin-bottom:18px;
}

body.account-page--settings .settings-privacy-card--disabled{
  opacity:.68;
  pointer-events:none;
}

body.account-page--settings #settings-email[readonly],
body.account-page--settings #settings-bio[readonly]{
  background:rgba(255,255,255,.035);
  color:#dce3f4;
  cursor:not-allowed;
}

@media (max-width:980px){
  body.settings-premium-v3.account-page--settings .settings-studio{
    grid-template-columns:1fr;
    grid-template-areas:
      "identity"
      "connected"
      "socials"
      "privacy"
      "danger";
  }

  body.settings-premium-v3.account-page--settings .settings-panel--connected .settings-connected-grid,
  body.settings-premium-v3.account-page--settings .settings-panel--socials .field-grid--app{
    grid-template-columns:1fr 1fr;
  }

  body.account-page--settings .settings-danger-card{
    flex-direction:column;
    align-items:flex-start;
  }

  body.account-page--settings .settings-danger-btn{
    width:100%;
    justify-content:center;
  }
}

@media (max-width:860px){
  body.settings-premium-v3.account-page--settings .settings-cover__intro-head{
    align-items:flex-start;
  }

  body.settings-premium-v3.account-page--settings .settings-cover__avatar-top{
    width:62px;
    height:62px;
    border-radius:20px;
  }

  body.settings-premium-v3.account-page--settings .settings-panel--connected .settings-connected-grid,
  body.settings-premium-v3.account-page--settings .settings-panel--socials .field-grid--app{
    grid-template-columns:1fr;
  }
}

.profile-page .profile-announcement-modal{
  position:fixed;
  inset:0;
  z-index:4000;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(2,4,8,.94);
  backdrop-filter:blur(18px);
  opacity:0;
  transition:opacity .18s ease;
}

.profile-page .profile-announcement-modal.is-open{
  opacity:1;
}

.profile-page .profile-announcement-modal[hidden]{
  display:none !important;
}

.profile-page .profile-announcement-modal__backdrop{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center, rgba(79,141,255,.08), rgba(2,4,8,.96) 62%);
}

.profile-page .profile-announcement-modal__panel{
  position:relative;
  width:min(100%, 560px);
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(18,24,35,.98), rgba(10,14,22,.98));
  box-shadow:0 24px 80px rgba(0,0,0,.52);
  padding:28px;
  text-align:center;
  transform:translateY(10px) scale(.985);
  transition:transform .18s ease;
}

.profile-page .profile-announcement-modal.is-open .profile-announcement-modal__panel{
  transform:translateY(0) scale(1);
}

.profile-page .profile-announcement-modal__icon{
  width:56px;
  height:56px;
  border-radius:18px;
  margin:0 auto 16px;
  display:grid;
  place-items:center;
  background:rgba(79,141,255,.12);
  border:1px solid rgba(79,141,255,.22);
  color:#7ea8ff;
  font-size:1.35rem;
}

.profile-page .profile-announcement-modal__eyebrow{
  margin:0 0 10px;
  color:#8fa2c8;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.profile-page .profile-announcement-modal__panel h2{
  margin:0;
  color:#f4f7ff;
  font-size:1.75rem;
  line-height:1.1;
  font-weight:900;
}

.profile-page .profile-announcement-modal__panel p{
  margin:14px 0 0;
  color:#c2cbdf;
  font-size:1rem;
  line-height:1.7;
}

.profile-page.profile-announcement-open{
  overflow:hidden;
}

@media (max-width: 640px){
  .profile-page .profile-announcement-modal{
    padding:18px;
  }

  .profile-page .profile-announcement-modal__panel{
    padding:22px 18px;
    border-radius:22px;
  }

  .profile-page .profile-announcement-modal__panel h2{
    font-size:1.45rem;
  }
}