/* ===== Step 1: keyboard-style press effect + registration review ===== */
.start, #regGo, #loginGo, .auth-btn, #rvwOk, #rvwBack, .auth-ov .close{
  transition: transform .06s ease, box-shadow .12s ease, filter .12s ease;
}
.start:active, #regGo:active, #loginGo:active, .auth-btn:active,
#rvwOk:active, #rvwBack:active{
  transform: translateY(3px) scale(.985);
  box-shadow: 0 1px 0 rgba(0,0,0,.35), inset 0 3px 9px rgba(0,0,0,.30);
  filter: brightness(.93);
}

.rvw-ov{
  position:fixed; inset:0; z-index:200; display:none;
  align-items:center; justify-content:center; padding:20px;
  background:rgba(18,11,7,.80); backdrop-filter:blur(8px);
}
.rvw-ov.show{ display:flex; }
.rvw-card{
  background:#fff; color:#1d2a33; border-radius:24px; max-width:520px; width:100%;
  padding:30px 30px 26px; box-shadow:0 40px 90px -30px #000;
  max-height:88vh; overflow:auto;
}
.rvw-card h3{ margin:0 0 4px; font-size:21px; font-weight:800; }
.rvw-card .rvw-sub{ color:#6a7683; font-size:13.5px; margin-bottom:18px; line-height:1.5; }
.rvw-row{
  display:flex; justify-content:space-between; gap:14px; padding:11px 0;
  border-bottom:1px solid #eef1f4; font-size:14.5px;
}
.rvw-row:last-of-type{ border-bottom:0; }
.rvw-row b{ color:#111; font-weight:700; flex:0 0 42%; }
.rvw-row span{ color:#3a4551; text-align:right; }
.rvw-actions{ display:flex; gap:12px; margin-top:22px; }
.rvw-actions button{
  flex:1; border:0; border-radius:14px; padding:14px; font:inherit;
  font-weight:800; font-size:15px; cursor:pointer;
}
#rvwBack{ background:#eef1f4; color:#33404c; }
#rvwOk{ background:linear-gradient(135deg,#22c55e,#15803d); color:#fff; }