Rename ssr to website, website to spa, add spa nginx config

apps/spa/src/index.css

@@ -0,0 +1,84 @@
+@import "tailwindcss";
+
+@theme {
+  /* Night Luxury color palette */
+  --color-night-900: #0B0C10;
+  --color-night-800: #1F2833;
+  --color-night-700: #45A29E;
+  --color-cyan-glow: #66FCF1;
+  --color-silver-metallic: #C5C6C7;
+
+  /* Custom animations */
+  --animate-fade-in: fade-in 1.2s ease-out forwards;
+  --animate-float: float 3s ease-in-out infinite;
+
+  @keyframes fade-in {
+    0% { opacity: 0; transform: translateY(10px); }
+    100% { opacity: 1; transform: translateY(0); }
+  }
+
+  @keyframes float {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-10px); }
+  }
+}
+
+@layer base {
+  body {
+    @apply bg-night-900 text-silver-metallic font-sans antialiased;
+    background-image: 
+      radial-gradient(at 0% 0%, rgba(31, 40, 51, 0.5) 0px, transparent 50%),
+      radial-gradient(at 100% 100%, rgba(11, 12, 16, 1) 0px, transparent 50%);
+    min-height: 100vh;
+  }
+
+  h1, h2, h3, h4 {
+    @apply text-white tracking-tight leading-none;
+  }
+}
+
+@layer components {
+  .glass {
+    @apply bg-white/5 backdrop-blur-lg border border-white/10;
+  }
+  
+  .glass-hover {
+    @apply transition-all duration-300 hover:bg-white/10 hover:border-white/20;
+  }
+
+  .text-glow {
+    text-shadow: 0 0 15px rgba(102, 252, 241, 0.4);
+  }
+}
+
+/* Custom Scrollbar */
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  @apply bg-night-900;
+}
+
+::-webkit-scrollbar-thumb {
+  @apply bg-night-800 rounded-full border-2 border-night-900;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  @apply bg-night-700;
+}
+
+/* Smooth Scrolling */
+html {
+  scroll-behavior: smooth;
+}
+
+/* Product Editorial Image Overrides (for ReactQuill Content) */
+.product-editorial img {
+  width: 100%;
+  max-width: 480px;
+  margin: 2rem auto;
+  display: block;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
+}