/* Keep the original colourful login design, scoped to the Google entry screen. */
.auth-container {
  --primary:#ff5a3c; --primary-hover:#e8452a; --border-color:#1a1b3d;
  --text-main:#1a1b3d; --text-muted:#6e6e85;
  font-family:"Nunito","Comic Neue",system-ui,sans-serif;
  background:radial-gradient(circle at 12% 18%,#fbcfe8 0,transparent 22%),radial-gradient(circle at 88% 82%,#bae6fd 0,transparent 22%),radial-gradient(circle at 78% 12%,#fcd34d 0,transparent 18%),radial-gradient(circle at 22% 88%,#c4b5fd 0,transparent 20%),#fff4e0;
  padding:24px; overflow:auto;
}
.auth-container .auth-card {
  max-width:420px; padding:44px 36px; text-align:center;
  border:3px solid #1a1b3d; border-radius:28px;
  background:white; box-shadow:10px 10px 0 #1a1b3d;
  transform:rotate(-1deg);
}
.auth-card h2 { font-family:"Comic Neue","Comic Sans MS","Nunito",cursive; font-size:2em; font-weight:700; color:#ff5a3c; margin-bottom:24px; }
.auth-description { font-size:.85em; color:#6e6e85; line-height:1.65; margin:12px 0; overflow-wrap:anywhere; }
.auth-subtitle { margin:0 0 20px; }
.auth-card .google-signin {
  display:flex; align-items:center; justify-content:center; gap:12px;
  width:100%; margin-top:8px; padding:14px;
  border:2.5px solid #1a1b3d; border-radius:14px;
  background:#ff5a3c; color:white; box-shadow:4px 4px 0 #1a1b3d;
  font:800 1em "Nunito",system-ui,sans-serif; cursor:pointer;
}
.google-signin svg { width:26px; height:26px; padding:3px; border-radius:50%; background:white; flex:none; }
.auth-card .google-signin:hover { background:#e8452a; transform:translate(-2px,-2px); box-shadow:6px 6px 0 #1a1b3d; }
.google-signin:disabled { opacity:.6; cursor:wait; }
.auth-card form label { display:block; font-weight:800; margin:18px 0 10px; }
.auth-card .auth-input { border:2.5px solid #1a1b3d; border-radius:14px; font-weight:600; background:#fff7ec; }
.auth-card .auth-input:focus { border-color:#ff5a3c; box-shadow:4px 4px 0 #1a1b3d; }
.auth-card .auth-btn { border:2.5px solid #1a1b3d; border-radius:14px; font-weight:800; box-shadow:4px 4px 0 #1a1b3d; }
.auth-card .auth-btn.login { background:#ff5a3c; color:white; }
.auth-card .auth-btn.reg { background:#fcd34d; color:#1a1b3d; }
@media(max-width:600px) {
  .auth-container .auth-card { padding:30px 22px; }
}