remove: ai integration, add: local ai

assets/css/modules/_base.css

@@ -0,0 +1,110 @@
+/* =====================================================
+   BASE — Reset, html/body, scrollbar, mesh background
+   ===================================================== */
+
+/* Prevent horizontal scroll on all viewports */
+html,
+body {
+  overflow-x: hidden;
+  max-width: 100%;
+}
+
+/* --- Reset --- */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  scroll-behavior: smooth;
+  font-size: 16px;
+}
+
+/* Custom Scrollbar */
+html::-webkit-scrollbar { width: 6px; }
+html::-webkit-scrollbar-track { background: var(--bg); }
+html::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 3px; }
+html::-webkit-scrollbar-thumb:hover { background: var(--accent-2); }
+
+body {
+  font-family: 'Inter', sans-serif;
+  line-height: 1.6;
+  background: var(--bg);
+  color: var(--text-main);
+  overflow-x: hidden;
+}
+
+/* Hidden dark-mode toggle checkbox */
+.toggle-checkbox {
+  display: none;
+}
+
+/* --- Animated Mesh Background (disabled for professional look) --- */
+.mesh-bg {
+  display: none;
+}
+
+.orb {
+  position: absolute;
+  border-radius: 50%;
+  filter: blur(100px);
+  opacity: 0.15;
+  animation: float-orb 20s ease-in-out infinite;
+}
+
+.orb-1 {
+  width: 600px;
+  height: 600px;
+  background: radial-gradient(circle, #7c3aed, transparent 70%);
+  top: -200px;
+  left: -200px;
+  animation-duration: 25s;
+  animation-delay: 0s;
+}
+
+.orb-2 {
+  width: 500px;
+  height: 500px;
+  background: radial-gradient(circle, #6366f1, transparent 70%);
+  top: 30%;
+  right: -150px;
+  animation-duration: 20s;
+  animation-delay: -8s;
+  opacity: 0.12;
+}
+
+.orb-3 {
+  width: 400px;
+  height: 400px;
+  background: radial-gradient(circle, #06b6d4, transparent 70%);
+  bottom: 10%;
+  left: 20%;
+  animation-duration: 30s;
+  animation-delay: -15s;
+  opacity: 0.08;
+}
+
+/* Light mode: softer orbs */
+.toggle-checkbox:not(:checked)~.mesh-bg .orb {
+  opacity: 0.07;
+}
+
+/* --- Keyframes --- */
+@keyframes float-orb {
+  0%, 100% { transform: translate(0, 0) scale(1); }
+  33%       { transform: translate(40px, -60px) scale(1.08); }
+  66%       { transform: translate(-30px, 40px) scale(0.95); }
+}
+
+@keyframes pulse-dot {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50%       { opacity: 0.6; transform: scale(0.8); }
+}
+
+@keyframes bounce {
+  0%, 80%, 100% { transform: scale(0); }
+  40%           { transform: scale(1.0); }
+}