:root {--primary: #FFB800;--dark-bg: #0a0e27;--dark-secondary: #1a1f3a;--text-light: #e8edf5;--text-muted: #a8b3c1} * {margin: 0;padding: 0;box-sizing: border-box} body {font-family: 'Segoe UI', sans-serif;background: var(--dark-bg);color: var(--text-light);line-height: 1.6} .container {max-width: 1000px;margin: 0 auto;padding: 0 1rem} .article-header {text-align: center;padding: 2rem 0} .article-title {font-size: 2rem;color: var(--primary);margin-bottom: 1rem} .article-content {background: var(--dark-secondary);padding: 2rem;border-radius: 15px;margin: 2rem 0} .article-content h2 {color: var(--primary);margin: 2rem 0 1rem 0} .article-content p {margin-bottom: 1rem;color: var(--text-muted)} .btn {display: inline-block;background: var(--primary);color: #000;padding: 1rem 2rem;border-radius: 50px;text-decoration: none;font-weight: 600;margin: 1rem 0} @media (max-width: 768px) {.article-title {font-size: 1.5rem} .article-content {padding: 1.5rem} }