Internet plus Telewizja, dodanie modal, poprawki w Markdown

src/styles/markdown.css

@@ -41,9 +41,15 @@
 }
 
 .fuz-markdown a {
-  @apply text-blue-600 dark:text-blue-400 underline hover:no-underline;
+  @apply no-underline hover:no-underline;
+  color: var(--fuz-accent);
 }
 
+.fuz-markdown button.modal-link {
+  @apply no-underline hover:no-underline mt-2;
+  background:  var(--fuz-bg);
+  color: var(--fuz-accent);
+}
 .fuz-markdown blockquote {
   @apply border-l-4 border-gray-300 dark:border-gray-700 pl-4 italic mb-4;
 }

src/styles/modal.css

@@ -0,0 +1,57 @@
+/* MODAL — FULLSCREEN OVERLAY */
+
+.fuz-modal-overlay {
+    @apply fixed inset-0 z-[9999] flex flex-col;
+    background: rgba(0, 0, 0, 0.65);
+    backdrop-filter: blur(6px);
+    animation: fadeIn 0.25s ease-out forwards;
+}
+
+/* CLOSE BUTTON */
+.fuz-modal-close {
+    @apply absolute top-4 right-6 text-3xl font-bold cursor-pointer transition-opacity;
+    color: var(--fuz-text);
+    opacity: 0.7;
+}
+
+.fuz-modal-close:hover {
+    @apply opacity-100;
+}
+
+/* PANEL — FULLSCREEN PANEL */
+.fuz-modal-panel {
+    @apply w-full h-full overflow-y-auto;
+    @apply px-6 py-8 md:px-12 md:py-12;
+    background: var(--fuz-bg);
+    color: var(--fuz-text);
+}
+
+/* INNER LAYOUT */
+.fuz-modal-inner {
+    @apply max-w-4xl mx-auto;
+}
+
+.fuz-modal-title {
+    @apply text-4xl font-bold mb-8 text-center;
+    color: var(--fuz-text);
+}
+
+/* CONTENT STYLE */
+.fuz-modal-content p {
+    @apply leading-relaxed text-2xl text-center;
+}
+
+.fuz-modal-content p img {
+    @apply mt-2 leading-relaxed;
+}
+/* ANIMATIONS */
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}

src/styles/sections.css

@@ -1,5 +1,5 @@
 .fuz-section {
-  @apply py-10 px-0;
+  @apply py-10 px-4;
 }
 
 .fuz-section-grid {