/* public/css/auth.css */
:root{
    --purple-1:#a68bd2;
    --purple-2:#7d6bd1;
    --accent:#5f4fb7;
  }
  *{box-sizing:border-box}
  body,html{height:100%;margin:0;font-family:Inter, system-ui, Arial, sans-serif}
  .bg{
    min-height:100vh;
    background:linear-gradient(90deg,#d6cbef 0%, #8f7ad6 100%);
    display:flex;align-items:center;justify-content:center;padding:40px;
  }
  .card-wrapper{
    width:420px;
    max-width:95%;
    background:#fff;
    border-radius:10px;
    padding:36px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
    position:relative;
    overflow:hidden;
  }
  
  /* header/logo area */
  .header-logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}
  .header-logo img{height:64px;object-fit:contain}
  
  /* form */
  .form-title{font-weight:700;color:var(--accent);margin:6px 0 18px}
  .form-group{margin-bottom:18px}
  .input{
    width:100%;
    padding:12px 14px;
    border: none;
    border-bottom:2px solid #e6e6e6;
    outline:none;
    font-size:15px;
    border-radius:6px;
    background:transparent;
  }
  .input:focus{border-bottom-color:var(--purple-2);box-shadow:0 4px 12px rgba(125,107,209,0.08)}
  .btn{
    display:inline-block;
    padding:12px 26px;
    border-radius:28px;
    background:linear-gradient(180deg,var(--purple-2),var(--accent));
    color:#fff;font-weight:700;border:none;cursor:pointer;
    box-shadow:0 6px 12px rgba(95,79,183,0.25);
    width:100%;
  }
  .small-link{display:inline-block;margin-top:8px;color:#666;font-size:14px;text-decoration:none}
  
  .toast{
    padding:10px 14px;border-radius:8px;margin-bottom:12px;font-weight:600;
  }
  .toast.success{background:rgba(82,190,129,0.12);color:#2f8a46}
  .toast.error{background:rgba(255,85,85,0.08);color:#9b2c2c}
  
  .hint{font-size:13px;color:#888;margin-top:6px}