🎨 Add styled info section with heading and paragraph elements

code/websites/pokedex.online/src/views/ChallongeTest.vue

@@ -313,6 +313,26 @@ h1 {
   border: 2px solid #fcd34d;
 }
 
+.info-section {
+  background: #e3f2fd;
+  border-left: 4px solid #2196f3;
+  padding: 1.5rem;
+  border-radius: 4px;
+  margin-bottom: 1.5rem;
+}
+
+.info-section h4 {
+  margin-top: 0;
+  color: #1976d2;
+  font-size: 1.1rem;
+}
+
+.info-section p {
+  margin: 0.5rem 0 1rem;
+  color: #555;
+  line-height: 1.5;
+}
+
 .no-key-section {
   text-align: center;
   padding: 3rem 2rem;
@@ -391,6 +411,24 @@ h2 {
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
 }
 
+.btn-secondary {
+  background: #2196f3;
+  color: white;
+  padding: 0.5rem 1rem;
+  border-radius: 4px;
+  text-decoration: none;
+  display: inline-block;
+  font-weight: 500;
+  transition: all 0.2s;
+  border: none;
+  cursor: pointer;
+}
+
+.btn-secondary:hover {
+  background: #1976d2;
+  transform: translateY(-2px);
+}
+
 .btn:disabled {
   opacity: 0.6;
   cursor: not-allowed;