Initial commit 🌟

src/app/components/Preferences/PreferencesSelector.module.css

@@ -0,0 +1,60 @@
+/* File: src/components/PreferencesSelector.module.css */
+
+.container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: linear-gradient(135deg, #42475c 0%, #20222f 100%);
+  z-index: 1000;
+}
+
+.card {
+  width: 90%;
+  max-width: 600px;
+  padding: 2rem;
+  border-radius: 16px;
+  background: rgba(255, 255, 255, 0.9);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(10px);
+}
+
+.optionsContainer {
+  margin: 2rem 0;
+  width: 100%;
+}
+
+.optionCard {
+  transition: all 0.3s ease;
+  border: 2px solid transparent;
+  margin-bottom: 0.5rem;
+}
+
+.selected {
+  border-color: #1890ff;
+  background-color: rgba(24, 144, 255, 0.05);
+}
+
+.buttonContainer {
+  margin-top: 1.5rem;
+}
+
+.continueButton {
+  min-width: 200px;
+  height: 48px;
+  background: linear-gradient(90deg, #1890ff, #096dd9);
+  border: none;
+  border-radius: 24px;
+  font-weight: 500;
+  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.15);
+}
+
+.continueButton:hover {
+  background: linear-gradient(90deg, #40a9ff, #1890ff);
+  transform: translateY(-2px);
+  box-shadow: 0 6px 16px rgba(24, 144, 255, 0.2);
+}