/* TridLearn V0.8.11 — dark modules as the shared visual anchor.
   The page field stays bright; important supporting/functional modules use the
   same near-black + violet language already established by the homepage and
   migration page. */

/* Updates — "Now making" is a compact dark supporting field, not a second hero. */
.updates-page .now-making{
  position:relative;
  border:1px solid rgba(255,255,255,.08);
  border-left:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:27px 26px 22px;
  margin-top:-1px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(107,92,231,.32) 0, rgba(107,92,231,0) 42%),
    linear-gradient(150deg,#171923 0%,#171923 62%,#1b1b28 100%);
  box-shadow:0 18px 42px rgba(23,25,35,.16);
}
.updates-page .now-making::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#7866ff 0%,#9a6cff 58%,#b495ff 100%);
}
.updates-page .now-making .eyebrow{margin-top:2px;color:#9589ff}
.updates-page .now-making h3{color:#fff;font-size:20px;margin:7px 0 18px;letter-spacing:-.025em}
.updates-page .making-row{position:relative;padding:16px 0 17px;border-bottom:1px solid rgba(255,255,255,.12)}
.updates-page .making-row:last-child{border-bottom:0;padding-bottom:3px}
.updates-page .making-row strong{font-size:13px;color:#fff;margin-bottom:5px}
.updates-page .making-row span{color:#aeb1c1}
.updates-page .making-row .status{
  display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;
  background:rgba(119,100,255,.18);border:1px solid rgba(153,137,255,.25);
  color:#b4a9ff;font-weight:800
}

/* Account — Client is the main functional destination, so it gets the dark anchor. */
.account-page .account-aside{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(107,92,231,.28) 0, rgba(107,92,231,0) 42%),
    linear-gradient(150deg,#171923 0%,#171923 68%,#1d1c2b 100%);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-radius:17px;
  padding:25px;
  box-shadow:0 18px 42px rgba(23,25,35,.15);
}
.account-page .account-aside::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,#7866ff,#9a6cff 58%,#b495ff)
}
.account-page .account-aside .eyebrow{color:#9b90ff!important;margin-top:2px}
.account-page .account-aside h2{color:#fff;font-size:22px;letter-spacing:-.025em;margin:18px 0 14px}
.account-page .account-aside p{color:#b7bac8;font-size:12px;line-height:1.7;max-width:235px}
.account-page .account-aside .btn{
  width:100%;margin-top:24px;
  box-shadow:0 12px 26px rgba(107,92,231,.28)
}

/* Auth — one dark product surface in a bright field. */
.auth-page{
  background:
    radial-gradient(circle at 50% 36%, rgba(107,92,231,.055) 0, rgba(107,92,231,0) 30%),
    linear-gradient(180deg,#fbf8f3 0%,#fff 72%);
}
.auth-card{
  position:relative;
  overflow:hidden;
  width:min(440px,100%);
  color:#fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(107,92,231,.27) 0, rgba(107,92,231,0) 38%),
    linear-gradient(150deg,#171923 0%,#171923 70%,#1c1b29 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:30px;
  box-shadow:0 26px 58px rgba(23,25,35,.18);
}
.auth-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,#7866ff,#9a6cff 58%,#b495ff)
}
.auth-card .eyebrow{color:#988cff;margin-top:2px}
.auth-card h2{color:#fff}
.auth-card .muted{color:#b5b8c6}
.auth-tabs{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.06)}
.auth-tab{color:#9da1b2}
.auth-tab.active{background:#fff;color:#171923;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.auth-card .field label{color:#d7d9e3}
.auth-card .field input{
  color:#171923;background:#fff;border-color:rgba(255,255,255,.35);
  box-shadow:0 1px 0 rgba(255,255,255,.08)
}
.auth-card .field input::placeholder{color:#9697a0}
.auth-card>.btn.btn-primary{
  background:linear-gradient(135deg,#6858f3,#9157ff);
  border-color:transparent;
  box-shadow:0 12px 26px rgba(107,92,231,.28)
}
.auth-card .text-link{color:#a99fff}

@media(max-width:980px){
  .updates-page .now-making{margin-top:18px}
}