Build Jellomator MVP

frontend/src/styles.css

@@ -0,0 +1,17 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root { color-scheme: dark; }
+body {
+  @apply bg-slate-950 text-slate-100;
+  background-image:
+    radial-gradient(circle at top, rgba(244,63,94,.18), transparent 35%),
+    linear-gradient(180deg, rgba(15,23,42,1) 0%, rgba(2,6,23,1) 100%);
+}
+* { box-sizing: border-box; }
+.glass { @apply bg-white/5 backdrop-blur-xl border border-white/10; }
+.input { @apply w-full rounded-xl border border-white/10 bg-slate-900/80 px-4 py-3 text-slate-100 placeholder:text-slate-500 outline-none transition focus:border-accent-500 focus:ring-2 focus:ring-accent-500/20; }
+.btn { @apply inline-flex items-center justify-center rounded-xl px-4 py-3 font-medium transition; }
+.btn-primary { @apply btn bg-accent-500 text-white hover:bg-accent-400 shadow-glow; }
+.btn-secondary { @apply btn bg-white/5 text-slate-100 hover:bg-white/10 border border-white/10; }