/* MyTalentFunded Trader Portal — premium authentication UI */
.auth{
  position:relative;
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 10%,rgba(223,196,128,.08),transparent 25rem),
    radial-gradient(circle at 88% 88%,rgba(24,180,124,.10),transparent 30rem),
    #050706;
}
.auth:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.2));
}
.auth-shell{
  position:relative;
  z-index:1;
  width:min(1160px,100%);
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  border:1px solid rgba(223,196,128,.15);
  border-radius:28px;
  overflow:hidden;
  background:rgba(6,10,8,.88);
  box-shadow:0 42px 120px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.015) inset;
  backdrop-filter:blur(22px);
}
.auth-showcase{
  position:relative;
  min-height:690px;
  padding:42px 46px 34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  border-right:1px solid rgba(223,196,128,.12);
  background:
    radial-gradient(circle at 28% 22%,rgba(223,196,128,.12),transparent 24rem),
    radial-gradient(circle at 88% 78%,rgba(24,180,124,.14),transparent 26rem),
    linear-gradient(145deg,#0c1711 0%,#07100c 50%,#060a08 100%);
}
.auth-showcase-grid{
  position:absolute;
  inset:0;
  opacity:.55;
  background-image:linear-gradient(rgba(223,196,128,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(223,196,128,.035) 1px,transparent 1px);
  background-size:56px 56px;
  transform:perspective(700px) rotateX(58deg) scale(1.55) translateY(27%);
  transform-origin:center bottom;
}
.auth-showcase-glow{
  position:absolute;
  border-radius:999px;
  filter:blur(12px);
  pointer-events:none;
}
.glow-one{width:340px;height:340px;right:-155px;top:-115px;background:rgba(223,196,128,.08);border:1px solid rgba(223,196,128,.14)}
.glow-two{width:410px;height:410px;left:-220px;bottom:-230px;background:rgba(24,180,124,.08);border:1px solid rgba(24,180,124,.12)}
.auth-showcase-top,.auth-showcase-copy,.auth-showcase-footer{position:relative;z-index:2}
.brand-large{font-size:20px;letter-spacing:.1em}
.auth-showcase-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.secure-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(24,180,124,.2);
  border-radius:999px;
  color:#9cdbc2;
  background:rgba(24,180,124,.07);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}
.secure-dot{width:6px;height:6px;border-radius:50%;background:#28c98f;box-shadow:0 0 0 5px rgba(40,201,143,.08),0 0 16px rgba(40,201,143,.7)}
.eyebrow{display:block;margin-bottom:18px;color:#cdbd8e;font-size:11px;font-weight:900;letter-spacing:.18em}
.auth-showcase-copy{max-width:510px;margin-top:56px}
.auth-showcase-copy h2{margin:0;font-size:clamp(44px,5vw,66px);line-height:.98;letter-spacing:-.055em;color:#f6f2e8;font-weight:850}
.auth-showcase-copy h2 span{color:var(--gold2)}
.auth-showcase-copy>p{max-width:470px;margin:22px 0 0;color:#a9b0aa;font-size:15px;line-height:1.7}
.auth-benefits{display:grid;gap:13px;margin-top:34px}
.auth-benefit{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(223,196,128,.10);border-radius:13px;background:rgba(255,255,255,.025);backdrop-filter:blur(8px)}
.benefit-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:rgba(24,180,124,.12);border:1px solid rgba(24,180,124,.22);color:#8fe0be;font-weight:900}
.auth-benefit div{display:grid;gap:3px}
.auth-benefit strong{font-size:12px;color:#efe9dc}
.auth-benefit small{font-size:11px;color:#858e87;line-height:1.45}
.auth-showcase-footer{display:flex;align-items:center;justify-content:space-between;color:#706f68;font-size:9px;font-weight:900;letter-spacing:.18em}

.auth-card-wrap{
  display:grid;
  place-items:center;
  padding:42px 48px;
  background:linear-gradient(180deg,rgba(8,13,10,.98),rgba(5,8,6,.98));
}
.auth-card{
  width:100%;
  max-width:470px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.auth-card-brand{display:none}
.auth-mobile-brand{display:none}
.auth-card-footer{margin-top:26px;padding-top:17px;border-top:1px solid rgba(223,196,128,.08);color:#646a64;text-align:center;font-size:10px;letter-spacing:.04em}
.auth h1{margin:0 0 9px;font-size:31px;line-height:1.12;letter-spacing:-.035em;color:#f7f2e7;font-weight:850}
.auth .subtitle{margin:0 0 27px;color:#858d86;font-size:13px;line-height:1.6}
.auth .subtitle strong{color:#e8dfc9}
.auth form{margin-top:5px}
.auth .field{gap:8px;margin:15px 0}
.auth .field label{color:#b4b3aa;font-size:11px;font-weight:800;letter-spacing:.035em}
.auth .field input,.auth .field select,.auth .field textarea{
  min-height:49px;
  border:1px solid rgba(223,196,128,.12);
  border-radius:12px;
  padding:12px 14px;
  background:#080e0b;
  color:#f5f1e7;
  box-shadow:0 1px 0 rgba(255,255,255,.015) inset;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.auth .field input::placeholder{color:#515852}
.auth .field input:hover,.auth .field select:hover{border-color:rgba(223,196,128,.24)}
.auth .field input:focus,.auth .field select:focus,.auth .field textarea:focus{
  border-color:rgba(223,196,128,.7);
  background:#09110d;
  box-shadow:0 0 0 3px rgba(223,196,128,.07),0 0 24px rgba(223,196,128,.035);
}
.auth .field-hint{margin-top:1px;color:#666f68;font-size:10px;line-height:1.45}
.auth .form-grid{gap:12px}
.auth .btn{min-height:48px;border-radius:12px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease}
.auth .btn.primary{
  margin-top:7px;
  min-height:51px;
  border-color:#e5cb88;
  background:linear-gradient(135deg,#f0dda0 0%,#d1af5f 52%,#a9812f 100%);
  color:#171208;
  box-shadow:0 12px 30px rgba(185,145,62,.13),0 1px 0 rgba(255,255,255,.35) inset;
}
.auth .btn.primary:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 15px 36px rgba(185,145,62,.18),0 1px 0 rgba(255,255,255,.35) inset}
.auth .link{color:#ddc786;font-size:12px;font-weight:800;text-decoration:none}
.auth .link:hover{color:#f3dfa1}
.auth-links{align-items:center;margin-top:17px;color:#747b75;font-size:12px}
.auth-status{margin:0 0 18px;border-radius:12px;padding:12px 13px;font-size:12px;line-height:1.5}
.auth .notice{margin:18px 0;border-radius:12px;line-height:1.55}
.auth .skeleton{min-height:125px;border-radius:14px}
.auth input[type="checkbox"]{width:16px;height:16px;min-height:16px;accent-color:#d6b665;vertical-align:-3px;margin:0 8px 0 0;padding:0}
.auth .field label:has(input[type="checkbox"]){display:flex;align-items:flex-start;color:#969c96;font-weight:600;line-height:1.5;letter-spacing:0}

@media(max-width:980px){
  .auth{padding:24px}
  .auth-shell{grid-template-columns:minmax(0,.9fr) minmax(410px,1.1fr)}
  .auth-showcase{padding:34px 30px}
  .auth-showcase-copy h2{font-size:48px}
  .auth-card-wrap{padding:38px 34px}
}
@media(max-width:820px){
  .auth{display:block;padding:0;background:#050706;overflow:auto}
  .auth-shell{width:100%;min-height:100vh;display:block;border:0;border-radius:0;background:#050706;box-shadow:none}
  .auth-showcase{display:none}
  .auth-card-wrap{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:24px 22px 34px;background:radial-gradient(circle at 50% -5%,rgba(223,196,128,.075),transparent 22rem),#050706}
  .auth-mobile-brand{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:62px}
  .auth-mobile-brand .brand{font-size:16px}
  .auth-card{max-width:520px;margin:auto 0}
  .auth-card-footer{margin-top:38px}
}
@media(max-width:560px){
  .auth-card-wrap{padding:22px 18px 30px}
  .auth-mobile-brand{margin-bottom:44px}
  .auth h1{font-size:28px}
  .auth .subtitle{margin-bottom:23px}
  .auth .form-grid{grid-template-columns:1fr}
  .auth-links{gap:16px}
}