/* ======================================
   BOOKWIZE - AUTH PAGES (Login + Signup)
   Centered card layout
   ====================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  min-height:100vh;color:#1A1A2E;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}

/* ====== CENTERED LAYOUT ====== */
.auth-page{
  display:flex;align-items:center;justify-content:center;
  min-height:100vh;padding:24px;
  background:linear-gradient(135deg,#F5F3FA 0%,#EDE9F5 50%,#FAF7FF 100%);
}

.auth-card{
  width:100%;max-width:440px;
  background:#fff;border-radius:20px;
  padding:36px 32px;
  box-shadow:0 8px 32px rgba(26,26,46,.06),0 1px 3px rgba(26,26,46,.04);
}

.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.auth-logo img{width:34px;height:34px;border-radius:10px}
.auth-logo span{font-size:1.1rem;font-weight:700;color:#1A1A2E}

.auth-card h2{font-size:1.4rem;font-weight:800;color:#1A1A2E;margin-bottom:6px}
.auth-card .subtitle{color:#9CA3AF;font-size:.88rem;margin-bottom:24px}

/* ====== FORM ELEMENTS ====== */
.form-group{margin-bottom:16px}
.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.8rem;color:#6B7280}
.form-group input{
  width:100%;padding:12px 16px;
  border:1.5px solid rgba(232,223,208,.6);border-radius:12px;
  font-size:.9rem;color:#1A1A2E;background:#FAFAFA;
  transition:all .25s cubic-bezier(.4,0,.2,1);
  font-family:inherit;
}
.form-group input:focus{outline:none;border-color:#F28C38;box-shadow:0 0 0 4px rgba(242,140,56,.1);background:#fff}
.form-group input::placeholder{color:#D1D5DB}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ====== BUTTONS ====== */
.btn-login,.btn-signup{
  width:100%;padding:13px;margin-top:6px;
  background:#1A1A2E;color:#fff;
  border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;
  transition:all .2s;font-family:inherit;
}
.btn-login:hover,.btn-signup:hover{background:#2A2A44}

/* ====== TRIAL CHECKLIST ====== */
.trial-checklist{
  display:flex;flex-wrap:wrap;gap:6px 16px;
  margin-top:16px;padding:0;list-style:none;
}
.trial-checklist li{
  font-size:.78rem;color:#9CA3AF;display:flex;align-items:center;gap:5px;
}
.trial-checklist li::before{content:'✓';color:#10B981;font-weight:700;font-size:.7rem}

/* ====== FOOTERS ====== */
.login-footer{text-align:center;margin-top:24px;font-size:.82rem;color:#9CA3AF}
.login-footer a{color:#F28C38;text-decoration:none;font-weight:600;transition:opacity .2s}
.login-footer a:hover{opacity:.8}
.signup-footer{text-align:center;margin-top:20px;font-size:.85rem;color:#9CA3AF}
.signup-footer a{color:#F28C38;text-decoration:none;font-weight:600;transition:opacity .2s}
.signup-footer a:hover{opacity:.8}

/* ====== FLASH MESSAGES ====== */
.flash-error{background:#FEE2E2;color:#991B1B;padding:12px 16px;border-radius:12px;font-size:.85rem;margin-bottom:16px;border:1px solid #FECACA}
.flash-success{background:#DCFCE7;color:#166534;padding:12px 16px;border-radius:12px;font-size:.85rem;margin-bottom:16px;border:1px solid #BBF7D0}

@media(max-width:480px){
  .auth-card{padding:28px 20px;border-radius:16px}
  .field-row{grid-template-columns:1fr}
}