<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
  --bg-primary: #12181F; /* Deep Dark Blue/Gray */
  --bg-secondary: #1A222C; /* Darker Blue/Gray for elements */
  --text-primary: #E6EDF3; /* Light Gray/Off-White */
  --text-secondary: #7D8B99; /* Softer Gray */
  --accent-primary: #6AFFAE; /* Vibrant Mint Green */
  --accent-hover: #58E69A; /* Slightly darker accent for hover */
  --border-color: #30363D; /* Subtle Dark Border */
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--text-primary);
  background-color: var(--bg-primary);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  color: var(--text-primary);
}

.font-poppins {
  font-family: 'Poppins', sans-serif;
}

.font-inter {
  font-family: 'Inter', sans-serif;
}

.text-gradient-accent {
  background: linear-gradient(to right, var(--accent-primary), var(--accent-hover));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-grid-pattern {
  background-image: 
    linear-gradient(to right, var(--border-color) 1px, transparent 1px),
    linear-gradient(to bottom, var(--border-color) 1px, transparent 1px);
  background-size: 40px 40px;
}</pre></body></html>