:root {
    --primary-color: #2E5BFF;
    --accent-color: #09274A;
    --text-color: #333333;
    --bg-main: #ffffff;
    --bg-secondary: #fafafa;
    --bg-third: #f5f5f5;
}

main {
    max-width: 800px;
    margin: auto;
    padding: 20px;
}

body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    color: var(--text-color);
    background: linear-gradient(135deg, #ffffff 0%, #f0f6ff 50%, #e8fdf1 100%);
}

h1 {
    color: var(--primary-color);
}

.intro-text {
    max-width: 600px;
}

.info-section {
  max-width: 800px;
  margin: 2rem auto;
  padding: 1.5rem;
  border-radius: 8px;
  line-height: 1.6;
}

.info-section h2,
.info-section h3 {
  margin-top: 1rem;
  color: #333;
}

.info-section ul,
.info-section ol {
  margin-left: 1.5rem;
}

.info-section code {
  background: rgba(255, 255, 255, 0.35);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
}