diff --git a/styles/main.css b/styles/main.css
deleted file mode 100644
index 787a295..0000000
--- a/styles/main.css
+++ /dev/null
@@ -1,674 +0,0 @@
-/* Reset and Base Styles */
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-/* CSS Custom Properties for Theming */
-:root {
-  --primary: #3b82f6;
-  --primary-light: #60a5fa;
-  --background: #0a0a0a;
-  --surface: #171717;
-  --text-primary: #ffffff;
-  --text-secondary: #94a3b8;
-  --border: rgba(255, 255, 255, 0.1);
-  --accent: #8b5cf6;
-  --glass-bg: rgba(255, 255, 255, 0.03);
-  --glass-border: rgba(255, 255, 255, 0.1);
-}
-
-/* Dark mode - when html has class="dark" */
-html.dark {
-  --background: #ffffff;
-  --surface: #f8fafc;
-  --text-primary: #0a0a0a;
-  --text-secondary: #64748b;
-  --border: rgba(0, 0, 0, 0.1);
-  --glass-bg: rgba(0, 0, 0, 0.03);
-  --glass-border: rgba(0, 0, 0, 0.1);
-}
-
-/* Typography */
-body {
-  font-family:
-    "Inter",
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    sans-serif;
-  line-height: 1.6;
-  background-color: var(--background);
-  color: var(--text-primary);
-  transition:
-    background-color 0.3s ease,
-    color 0.3s ease;
-  scroll-behavior: smooth;
-}
-
-/* Layout Classes */
-.container {
-  max-width: 72rem;
-  margin: 0 auto;
-  padding: 0 1.5rem;
-}
-
-/* Navigation */
-.nav {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 50;
-  border-bottom: 1px solid var(--border);
-  background-color: var(--background);
-  backdrop-filter: blur(12px);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.nav-content {
-  max-width: 72rem;
-  margin: 0 auto;
-  padding: 0 1.5rem;
-  height: 4rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.nav-logo {
-  font-size: 1.25rem;
-  font-weight: 700;
-  letter-spacing: -0.025em;
-}
-
-.nav-links {
-  display: none;
-  gap: 2rem;
-}
-
-.nav-links a {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--text-secondary);
-  text-decoration: none;
-  transition: color 0.15s ease;
-}
-
-.nav-links a:hover {
-  color: var(--text-primary);
-}
-
-.nav-contact {
-  font-size: 0.875rem;
-  font-weight: 500;
-  padding: 0.5rem 1rem;
-  border-radius: 9999px;
-  border: 1px solid var(--border);
-  text-decoration: none;
-  color: var(--text-primary);
-  transition: all 0.15s ease;
-}
-
-.nav-contact:hover {
-  background-color: var(--text-primary);
-  color: var(--background);
-}
-
-/* Hero Section */
-.hero {
-  position: relative;
-  padding-top: 8rem;
-  padding-bottom: 5rem;
-  overflow: hidden;
-}
-
-.hero-bg {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-}
-
-.hero-glow-1 {
-  position: absolute;
-  top: -10%;
-  left: -10%;
-  width: 40%;
-  height: 40%;
-  background-color: rgba(59, 130, 246, 0.2);
-  border-radius: 50%;
-  filter: blur(120px);
-}
-
-.hero-glow-2 {
-  position: absolute;
-  bottom: 10%;
-  right: -10%;
-  width: 30%;
-  height: 30%;
-  background-color: rgba(139, 92, 246, 0.2);
-  border-radius: 50%;
-  filter: blur(120px);
-}
-
-.hero-content {
-  max-width: 72rem;
-  margin: 0 auto;
-  padding: 0 1.5rem;
-  position: relative;
-  z-index: 10;
-  text-align: center;
-}
-
-.hero-title {
-  font-size: 3.75rem;
-  font-weight: 800;
-  letter-spacing: -0.025em;
-  margin-bottom: 1.5rem;
-  background: linear-gradient(to right, #ffffff, #94a3b8, #ffffff);
-  background-size: 200% 200%;
-  background-clip: text;
-  -webkit-background-clip: text;
-  color: transparent;
-  animation: subtle-gradient 8s ease infinite;
-}
-
-.hero-subtitle {
-  font-size: 1.25rem;
-  font-weight: 500;
-  color: var(--primary);
-  margin-bottom: 2rem;
-}
-
-.hero-description {
-  max-width: 42rem;
-  margin: 0 auto 3rem;
-  font-size: 1.125rem;
-  line-height: 1.625;
-  color: var(--text-secondary);
-}
-
-.hero-actions {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1rem;
-}
-
-.btn-primary {
-  padding: 1rem 2rem;
-  background-color: #ffffff;
-  color: var(--background);
-  font-weight: 600;
-  border-radius: 0.5rem;
-  text-decoration: none;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  transition: all 0.15s ease;
-}
-
-.btn-primary:hover {
-  opacity: 0.9;
-}
-
-.btn-secondary {
-  padding: 1rem 2rem;
-  background-color: var(--surface);
-  border: 1px solid var(--border);
-  color: var(--text-primary);
-  font-weight: 600;
-  border-radius: 0.5rem;
-  text-decoration: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.15s ease;
-}
-
-.btn-secondary:hover {
-  border-color: var(--primary);
-}
-
-.btn-tertiary {
-  padding: 1rem 2rem;
-  background-color: transparent;
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-  font-weight: 500;
-  border: none;
-  cursor: pointer;
-  transition: color 0.15s ease;
-}
-
-.btn-tertiary:hover {
-  color: var(--text-primary);
-}
-
-/* Section Styles */
-.section {
-  padding: 6rem 0;
-}
-
-.section-dark {
-  background-color: var(--surface);
-}
-
-.section-header {
-  text-align: center;
-  margin-bottom: 4rem;
-}
-
-.section-title {
-  font-size: 1.875rem;
-  font-weight: 700;
-  margin-bottom: 1rem;
-}
-
-.section-subtitle {
-  color: var(--text-secondary);
-}
-
-/* About Section */
-.about-grid {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 4rem;
-  align-items: start;
-}
-
-.about-content h2 {
-  font-size: 1.875rem;
-  font-weight: 700;
-  margin-bottom: 1.5rem;
-}
-
-.about-content p {
-  color: var(--text-secondary);
-  font-size: 1.125rem;
-  line-height: 1.625;
-  margin-bottom: 2rem;
-}
-
-.about-quote {
-  padding: 1.5rem;
-  background: var(--glass-bg);
-  backdrop-filter: blur(10px);
-  border: 1px solid var(--glass-border);
-  border-radius: 1rem;
-  border-left: 4px solid var(--primary);
-}
-
-.about-quote p {
-  font-style: italic;
-  color: var(--text-secondary);
-}
-
-.capabilities-grid {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 1rem;
-}
-
-.capability-card {
-  padding: 1rem;
-  background: var(--glass-bg);
-  backdrop-filter: blur(10px);
-  border: 1px solid var(--glass-border);
-  border-radius: 0.75rem;
-}
-
-.capability-icon {
-  width: 2.5rem;
-  height: 2.5rem;
-  background-color: rgba(59, 130, 246, 0.1);
-  border-radius: 0.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 1rem;
-  color: var(--primary);
-}
-
-.capability-icon.purple {
-  background-color: rgba(139, 92, 246, 0.1);
-  color: var(--accent);
-}
-
-.capability-card h3 {
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-}
-
-.capability-card p {
-  font-size: 0.75rem;
-  color: var(--text-secondary);
-}
-
-/* Projects Section */
-.projects-grid {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 2rem;
-}
-
-.project-card {
-  position: relative;
-  background-color: var(--surface);
-  border-radius: 1rem;
-  border: 1px solid var(--border);
-  overflow: hidden;
-  transition: all 0.15s ease;
-}
-
-.project-card:hover {
-  border-color: rgba(59, 130, 246, 0.3);
-}
-
-.project-image {
-  height: 12rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 4rem;
-}
-
-.project-image-1 {
-  background: linear-gradient(
-    to bottom right,
-    rgba(37, 99, 235, 0.2),
-    rgba(147, 51, 234, 0.2)
-  );
-}
-
-.project-image-2 {
-  background: linear-gradient(
-    to bottom right,
-    rgba(16, 185, 129, 0.2),
-    rgba(37, 99, 235, 0.2)
-  );
-}
-
-.project-image-3 {
-  background: linear-gradient(
-    to bottom right,
-    rgba(147, 51, 234, 0.2),
-    rgba(219, 39, 119, 0.2)
-  );
-}
-
-.project-content {
-  padding: 2rem;
-}
-
-.project-tags {
-  display: flex;
-  gap: 0.5rem;
-  margin-bottom: 1rem;
-}
-
-.project-tag {
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  font-weight: 700;
-  padding: 0.25rem 0.5rem;
-  background-color: rgba(255, 255, 255, 0.05);
-  border-radius: 0.25rem;
-  color: var(--text-secondary);
-}
-
-.project-card h3 {
-  font-size: 1.25rem;
-  font-weight: 700;
-  margin-bottom: 0.75rem;
-  transition: color 0.15s ease;
-}
-
-.project-card:hover h3 {
-  color: var(--primary);
-}
-
-.project-card p {
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-  line-height: 1.625;
-  margin-bottom: 1.5rem;
-}
-
-.project-link {
-  display: flex;
-  align-items: center;
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--primary);
-  text-decoration: none;
-}
-
-.project-link svg {
-  width: 1rem;
-  height: 1rem;
-  margin-left: 0.5rem;
-}
-
-/* Tech Stack Section */
-.tech-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 1.5rem;
-}
-
-.tech-item {
-  padding: 1.5rem;
-  border: 1px solid var(--border);
-  border-radius: 1rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.15s ease;
-}
-
-.tech-item:hover {
-  border-color: rgba(59, 130, 246, 0.5);
-  background-color: rgba(59, 130, 246, 0.05);
-}
-
-.tech-icon {
-  width: 3rem;
-  height: 3rem;
-  background-color: rgba(255, 255, 255, 0.05);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 1rem;
-  font-size: 1.25rem;
-  font-weight: 700;
-}
-
-.tech-icon.emerald {
-  color: #10b981;
-}
-
-.tech-name {
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-
-/* Footer */
-.footer {
-  padding: 6rem 0;
-  border-top: 1px solid var(--border);
-}
-
-.footer-content {
-  text-align: center;
-}
-
-.footer h2 {
-  font-size: 2.25rem;
-  font-weight: 700;
-  margin-bottom: 2rem;
-}
-
-.footer p {
-  color: var(--text-secondary);
-  font-size: 1.125rem;
-  margin-bottom: 3rem;
-  max-width: 36rem;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.footer-links {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1.5rem;
-}
-
-.footer-link {
-  font-size: 1.125rem;
-  font-weight: 600;
-  color: var(--text-primary);
-  text-decoration: none;
-  transition: color 0.15s ease;
-}
-
-.footer-link:hover {
-  color: var(--primary);
-}
-
-.footer-divider {
-  display: none;
-  width: 1px;
-  height: 1.5rem;
-  background-color: rgba(255, 255, 255, 0.2);
-}
-
-.footer-copyright {
-  margin-top: 6rem;
-  font-size: 0.875rem;
-  color: var(--text-secondary);
-  opacity: 0.5;
-}
-
-/* Custom Animations */
-@keyframes subtle-gradient {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
-}
-
-/* Custom scrollbar */
-::-webkit-scrollbar {
-  width: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: var(--background);
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--primary);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: var(--primary-light);
-}
-
-/* Media Queries */
-@media (min-width: 768px) {
-  .hero {
-    padding-top: 12rem;
-    padding-bottom: 8rem;
-  }
-
-  .hero-title {
-    font-size: 6rem;
-  }
-
-  .hero-subtitle {
-    font-size: 1.875rem;
-  }
-
-  .nav-links {
-    display: flex;
-  }
-
-  .hero-actions {
-    flex-direction: row;
-    justify-content: center;
-  }
-
-  .about-grid {
-    grid-template-columns: 1fr 1fr;
-  }
-
-  .capabilities-grid {
-    grid-template-columns: 1fr 1fr;
-  }
-
-  .projects-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .footer-links {
-    flex-direction: row;
-    align-items: center;
-  }
-
-  .footer-divider {
-    display: block;
-  }
-}
-
-@media (min-width: 1024px) {
-  .projects-grid {
-    grid-template-columns: repeat(3, 1fr);
-  }
-
-  .tech-grid {
-    grid-template-columns: repeat(6, 1fr);
-  }
-}
-
-/* Theme Toggle Button */
-.theme-toggle {
-  position: fixed;
-  bottom: 2rem;
-  right: 2rem;
-  width: 3rem;
-  height: 3rem;
-  background-color: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.15s ease;
-  z-index: 50;
-}
-
-.theme-toggle:hover {
-  background-color: var(--primary);
-  color: white;
-}