:root{--pink:#ffd3de;--pink2:#ffe6ec;--text:#2a1f1f;--gold:#b8860b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% -200px,var(--pink),var(--pink2))}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:40px 16px}.auth-card{width:100%;max-width:430px;background:#fff;border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.08);padding:28px;border:1px solid rgba(184,134,11,.18)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:6px;color:var(--gold);font-weight:800}h1.title{margin:6px 0 18px;font-size:28px;line-height:1.15}.input{width:100%;padding:12px 14px;margin:10px 0;border-radius:12px;border:1px solid #e8d6db;outline:none;background:#fff}.input:focus{border-color:#f0a8b6;box-shadow:0 0 0 4px #ffdbe4}.btn{width:100%;padding:12px 16px;border:none;border-radius:999px;background:linear-gradient(90deg,#f2bdc8,#f8a8bd);color:#512e2e;font-weight:700;cursor:pointer;box-shadow:0 10px 24px rgba(255,105,180,.2)}.btn:hover{transform:translateY(-1px)}.alt{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.alt a{color:var(--gold);text-decoration:none;font-weight:700}.small{font-size:12px;color:#8a6b6b;margin-top:14px}.showpass{position:relative}.showpass .toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:12px;color:#8a6b6b}.error{background:#ffe2e8;border:1px solid #ff9bb1;color:#6b1f2a;padding:10px 12px;border-radius:10px;margin-bottom:10px}.success{background:#e7ffef;border:1px solid #9be7b0;color:#155724;padding:10px 12px;border-radius:10px;margin-bottom:10px}

/* Alerts for forgot/reset password */
.auth-alert{
  border-radius:14px;
  padding:12px 14px;
  margin:10px 0 14px;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:14px;
  border:1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.85);
}
.auth-alert.success{
  border-color: rgba(46, 204, 113, 0.35);
  background: rgba(46, 204, 113, 0.08);
}
.auth-alert.error{
  border-color: rgba(231, 76, 60, 0.35);
  background: rgba(231, 76, 60, 0.08);
}
/* Password eye inside input (keeps original theme) */
.showpass{position:relative}
.showpass .input{padding-right:52px}
.showpass .toggle{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:38px;height:38px;border-radius:12px;
  border:1px solid rgba(184,134,11,.18);
  background:rgba(255,255,255,.95);
  display:grid;place-items:center;
  cursor:pointer;
  color:#8a6b6b;
  user-select:none;
}
.showpass .toggle:hover{box-shadow:0 10px 24px rgba(255,105,180,.12)}
.showpass .toggle:active{transform:translateY(-50%) scale(.98)}
.showpass .toggle svg{width:18px;height:18px}

/* Fix Chrome autofill blue */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
  -webkit-text-fill-color: var(--text) !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  transition: background-color 9999s ease-in-out 0s;
  caret-color: var(--text);
}

@media(max-width:520px){.alt{flex-direction:column;align-items:stretch;text-align:center}.alt a{display:block;padding:10px 12px;border-radius:12px;border:1px solid rgba(184,134,11,.12);background:rgba(255,211,222,.18)}}