body { background: #181c24; color: #fff; font-family: 'Segoe UI', Arial, sans-serif; margin: 0; }
.container { max-width: 900px; margin: 0 auto; padding: 24px; }
header, section, footer { margin-bottom: 32px; }
h1, h2, h3 { color: #ffe600; }
.cta { background: #ffe600; color: #181c24; padding: 16px 32px; border: none; border-radius: 8px; font-size: 1.2em; font-weight: bold; cursor: pointer; margin: 16px 0; }
.card { background: #23283a; border-radius: 12px; padding: 20px; margin-bottom: 24px; }
ul { padding-left: 20px; }
.flex { display: flex; flex-wrap: wrap; gap: 16px; }
.col { flex: 1 1 250px; }
.proscons { display: flex; gap: 32px; }
.proscons ul { list-style: none; padding: 0; }
.proscons li:before { content: '✔️ '; color: #ffe600; }
.proscons .cons li:before { content: '❌ '; color: #ff4d4d; }
.faq { background: #23283a; border-radius: 12px; padding: 20px; margin-bottom: 24px; }
.faq summary { font-weight: bold; cursor: pointer; }
.faq details { margin-bottom: 10px; }
@media (max-width: 600px) {
    .container { padding: 8px; }
    .flex, .proscons { flex-direction: column; }
}

.breadcrumbs { font-size: 0.98em; margin-bottom: 12px; }
.breadcrumbs a { color: #ffe600; text-decoration: none; }
.breadcrumbs span { color: #fff; opacity: 0.8; margin: 0 4px; }