.auth-wrap {
  padding:2.2rem 5% 4rem;
  background:
    linear-gradient(115deg, rgba(145,72,255,.20), rgba(255,82,120,.20) 35%, rgba(255,168,89,.20) 70%, rgba(255,255,255,.12)),
    radial-gradient(circle at 12% 12%, rgba(255,255,255,.32), transparent 36%),
    #efe9e3;
}
.auth-shell{max-width:1180px;margin:0 auto;}
.auth-card{
  background:rgba(23,18,22,.62);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.2);
  border-radius:20px;
  box-shadow:0 25px 55px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.15);
  padding:1.25rem;
}
.auth-card-2col{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:1rem;
  align-items:stretch;
}
.auth-left{
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.17);
  border-radius:16px;
  padding:1.3rem 1.2rem;
}
.auth-mark{color:#f7edf6;font-size:1rem;margin-bottom:.55rem;}
.auth-head{margin-bottom:.5rem;}
.auth-head h3{font-family:'Rajdhani',sans-serif;color:#fff;font-size:2rem;line-height:1;margin:0;}
.auth-head p{margin:.25rem 0 0;color:#f6d8e8;font-size:.8rem;}
.auth-tabs{display:flex;gap:.5rem;margin:.75rem 0;}
.auth-tab{
  flex:1;text-align:center;border-radius:999px;padding:.48rem .6rem;font-size:.66rem;font-weight:800;
  letter-spacing:.8px;text-transform:uppercase;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);
}
.auth-tab.active{background:linear-gradient(135deg,#ff9b97,#ff7a94,#ff9d77);color:#271820;border-color:transparent;}
.auth-alert{margin-bottom:.75rem;background:rgba(255,193,122,.18);border:1px solid rgba(255,193,122,.35);color:#ffe7c8;padding:.68rem .78rem;border-radius:10px;font-weight:700;font-size:.78rem;}
.auth-form .fg{margin-bottom:.62rem;}
.auth-form .fg label{display:block;color:#ffd8ea;font-size:.62rem;font-weight:700;margin-bottom:.25rem;letter-spacing:.8px;text-transform:uppercase;}
.auth-form .fg input{
  width:100%;border:none;border-radius:999px;padding:.7rem .92rem;background:#141417;color:#fff;font-size:.86rem;outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(255,255,255,.08);
}
.auth-form .fg input:focus{box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 2px rgba(255,140,163,.55);}
.auth-fields{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .7rem;}
.auth-fields .fg{margin-bottom:0;}
.auth-fields .fg.full{grid-column:1 / -1;}
.auth-actions{margin-top:.1rem;}
.auth-btn{
  width:100%;border:none;border-radius:999px;padding:.72rem .9rem;background:linear-gradient(135deg,#ffb69f,#ff8f8d,#ff8cad);
  color:#2c1f25;font-weight:900;letter-spacing:.5px;cursor:pointer;box-shadow:0 10px 20px rgba(255,117,146,.35);transition:.2s;
}
.auth-btn:hover{transform:translateY(-1px);}
.auth-link{font-size:.78rem;color:#ffd8ea;}
.auth-link a{color:#ffe5a8;text-decoration:none;font-weight:700;}
.auth-right{
  background:linear-gradient(165deg, rgba(12,10,15,.9), rgba(30,19,34,.84));border:1px solid rgba(255,255,255,.14);
  border-radius:16px;padding:1rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;
}
.auth-quote-box h4{font-family:'Rajdhani',sans-serif;font-size:2rem;line-height:1.05;margin:0 0 .45rem;}
.auth-quote-box p{font-size:.82rem;line-height:1.55;color:#f2dff0;}
.auth-quote-user{font-size:.72rem;color:#ffd8ea;margin-top:.55rem;font-weight:700;}
.auth-arrows{display:flex;gap:.45rem;margin-top:.7rem;}
.arr{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);}
.auth-note-box{margin-top:1rem;background:linear-gradient(135deg,#fff,#ffeef8);color:#2c2530;border-radius:14px;padding:.85rem .9rem;}
.auth-note-box strong{display:block;font-size:.8rem;line-height:1.4;}
.auth-note-box p{font-size:.73rem;line-height:1.45;margin:.35rem 0 0;color:#5e4a5d;}
@media(max-width:980px){.auth-card-2col{grid-template-columns:1fr;}}
@media(max-width:760px){
  .auth-wrap{padding:1rem 4% 2rem;}
  .auth-card{padding:.7rem;}
  .auth-left,.auth-right{padding:.85rem;}
  .auth-head h3{font-size:1.65rem;}
  .auth-quote-box h4{font-size:1.6rem;}
  .auth-fields{grid-template-columns:1fr;}
}