uploads

web/desktop/public/assets/style.css

@@ -416,6 +416,53 @@ button:active, .btn:active, input[type="submit"]:active{ transform: translateY(0
 
 .actions{ display:flex; gap: 12px; margin-top: 14px; flex-wrap: wrap; }
 
+/* Auth */
+.auth-view{ display:flex; flex-direction:column; gap: 16px; }
+.auth-card{ max-width: 720px; margin: 0 auto; width: 100%; }
+.form-row{ margin-top: 12px; }
+.input{
+  width: 100%;
+  padding: 10px 12px;
+  border-radius: 12px;
+  border: 1px solid rgba(145,220,255,.22);
+  background: rgba(0,0,0,.28);
+  color: var(--text);
+}
+.input:focus{ outline: 2px solid rgba(66,245,255,.35); }
+.auth-grid{
+  display:grid;
+  gap: 12px;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  margin-top: 12px;
+}
+.auth-choice{
+  border: 1px solid rgba(145,220,255,.18);
+  background: rgba(0,0,0,.18);
+  border-radius: 14px;
+  padding: 12px;
+  color: var(--text);
+  text-align: left;
+  display:flex;
+  flex-direction:column;
+  gap: 6px;
+  cursor:pointer;
+}
+.auth-choice:hover{ border-color: rgba(66,245,255,.45); box-shadow: var(--glow-cyan); transform: translateY(-1px); }
+.auth-choice.is-selected{
+  border-color: rgba(66,245,255,.55);
+  box-shadow: var(--glow-cyan);
+  background: linear-gradient(180deg, rgba(66,245,255,.16), rgba(91,124,255,.10));
+}
+.auth-choice-title{ font-family: var(--font-sci); letter-spacing: .6px; }
+.auth-choice-meta{ color: var(--muted); font-size: .85rem; }
+.auth-message{ min-height: 18px; margin-top: 8px; }
+.auth-avatar{
+  width: 100%;
+  border-radius: 12px;
+  border: 1px solid rgba(145,220,255,.18);
+  background: rgba(0,0,0,.22);
+}
+
 /* Resourcebar sticky */
 .resourcebar{
   position: sticky;