feat(email): Adding email options for registration

public/style.css

@@ -192,6 +192,76 @@ body {
   background: rgba(113, 199, 255, 0.28);
 }
 
+.authSubmit:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.authSubmit--ghost {
+  background: transparent;
+  border-color: rgba(255, 255, 255, 0.15);
+}
+
+.authSubmit--ghost:hover {
+  background: rgba(255, 255, 255, 0.06);
+}
+
+/* Link-style button inside auth modal */
+.authLink {
+  margin-top: 2px;
+  background: none;
+  border: none;
+  color: rgba(113, 199, 255, 0.75);
+  font-size: 13px;
+  cursor: pointer;
+  text-align: center;
+  padding: 4px 0;
+  transition: color 0.15s;
+}
+
+.authLink:hover {
+  color: rgba(113, 199, 255, 1);
+}
+
+/* Free-standing panel (not a form) inside the auth modal */
+.authPanel {
+  padding: 28px 22px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  text-align: center;
+}
+
+.authPanel.hidden {
+  display: none;
+}
+
+.authPanel form {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  text-align: left;
+}
+
+.authPanelTitle {
+  font-size: 17px;
+  font-weight: 700;
+  color: #e9eef6;
+  margin: 0;
+}
+
+.authPanelDesc {
+  font-size: 13px;
+  color: rgba(233, 238, 246, 0.65);
+  margin: 0;
+  line-height: 1.5;
+}
+
+.authSuccessIcon {
+  font-size: 40px;
+  line-height: 1;
+  opacity: 0.85;
+}
 
 
 /* ── Score board ──────────────────────────────────────────────────────────── */