@import url('https://fonts.googleapis.com/css2?family=Bitcount+Grid+Single:wght@100..900&display=swap');

body { font-family: 'Roboto', Arial, sans-serif; background: #f4f4f4; }
.container { max-width: 600px; margin: 40px auto; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px #0001; padding: 32px; }
h1 { color: #2c3e50; font-family: 'Bitcount Grid Single', sans-serif; }
h2 { color: #2980b9; font-family: 'Bitcount Grid Single';}
h3 { color: #16a085; }
.resaltado { background: #ffeaa7; padding: 2px 6px; border-radius: 4px; }
.reto { background: #eaf6ff; border-left: 4px solid #2980b9; padding: 12px; margin-top: 24px; }
.respuesta-card { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px; padding: 16px; margin-top: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }