diff --git a/src/main/resources/org/to/telegramfinalproject/CSS/dark_theme.css b/src/main/resources/org/to/telegramfinalproject/CSS/dark_theme.css
index 5a5e578..0e28a60 100644
--- a/src/main/resources/org/to/telegramfinalproject/CSS/dark_theme.css
+++ b/src/main/resources/org/to/telegramfinalproject/CSS/dark_theme.css
@@ -1132,3 +1132,18 @@
-fx-border-radius: 50%;
-fx-border-width: 1;
}
+
+/* ===== Dark theme overrides ===== */
+.root.dark .tf-title { -fx-text-fill: #f3f4f6; }
+.root.dark .tf-caption { -fx-text-fill: #b8bdc7; }
+.root.dark .tf-item-desc { -fx-text-fill: #9ca3af; }
+
+/* TitledPane header/content */
+.root.dark .titled-pane > .title {
+ -fx-background-color: #2b2f33;
+ -fx-text-fill: #f3f4f6;
+}
+.root.dark .titled-pane > *.content {
+ -fx-background-color: #1f2327;
+}
+
diff --git a/src/main/resources/org/to/telegramfinalproject/CSS/light_theme.css b/src/main/resources/org/to/telegramfinalproject/CSS/light_theme.css
index b701157..0a38750 100644
--- a/src/main/resources/org/to/telegramfinalproject/CSS/light_theme.css
+++ b/src/main/resources/org/to/telegramfinalproject/CSS/light_theme.css
@@ -1123,3 +1123,39 @@
-fx-border-radius: 50%;
-fx-border-width: 1;
}
+
+/* ===== Base (shared) ===== */
+.tf-root { -fx-background-color: transparent; }
+
+.tf-toolbar { -fx-padding: 10 12; -fx-alignment: CENTER_LEFT; }
+.tf-title { -fx-font-size: 18px; -fx-font-weight: 700; }
+.tf-caption { -fx-opacity: .75; }
+
+.tf-section { -fx-padding: 10 12 14 12; }
+.tf-item-desc { -fx-wrap-text: true; -fx-font-size: 13px; -fx-line-spacing: 1; }
+
+/* TitledPane (Accordion items) */
+.titled-pane > .title {
+ -fx-padding: 10 12;
+ -fx-background-radius: 10;
+}
+.titled-pane > *.content {
+ -fx-background-radius: 10;
+ -fx-background-insets: 0;
+ -fx-padding: 8 4 12 4;
+}
+
+/* ===== Light theme overrides ===== */
+.root.light .tf-title { -fx-text-fill: #111111; }
+.root.light .tf-caption { -fx-text-fill: #555555; }
+.root.light .tf-item-desc { -fx-text-fill: #444444; }
+
+/* TitledPane header/content */
+.root.light .titled-pane > .title {
+ -fx-background-color: #f1f1f1;
+ -fx-text-fill: #111111;
+}
+.root.light .titled-pane > *.content {
+ -fx-background-color: #ffffff;
+}
+
diff --git a/src/main/resources/org/to/telegramfinalproject/Fxml/feature_FAQ.fxml b/src/main/resources/org/to/telegramfinalproject/Fxml/feature_FAQ.fxml
new file mode 100644
index 0000000..23509b3
--- /dev/null
+++ b/src/main/resources/org/to/telegramfinalproject/Fxml/feature_FAQ.fxml
@@ -0,0 +1,144 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main/resources/org/to/telegramfinalproject/Fxml/feature_board.fxml b/src/main/resources/org/to/telegramfinalproject/Fxml/feature_board.fxml
new file mode 100644
index 0000000..96671be
--- /dev/null
+++ b/src/main/resources/org/to/telegramfinalproject/Fxml/feature_board.fxml
@@ -0,0 +1,314 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+