Create style.css

style.css

@@ -0,0 +1,42 @@
+/* style.css */
+/* ===== WARNA UTAMA ===== */
+body {
+    background: #f0faff !important;
+    font-family: 'Comic Sans MS', cursive;
+}
+
+.header-container {
+    text-align: center;
+    margin: 20px 0;
+}
+
+.banner {
+    width: 90%;
+    border: 4px solid #89CFF0;
+    border-radius: 20px;
+    box-shadow: 0 8px 20px rgba(137, 207, 240, 0.3);
+}
+
+.title-overlay {
+    color: #ffffff !important;
+    font-size: 2.5em !important;
+    text-shadow: 2px 2px 4px rgba(137, 207, 240, 0.5);
+    background: rgba(137, 207, 240, 0.3);
+    padding: 10px 30px;
+    border-radius: 50px;
+    border: 2px solid rgba(255, 255, 255, 0.5);
+}
+
+#chatbot {
+    border: 3px solid #89CFF0 !important;
+    background: white !important;
+}
+
+#send-btn {
+    background: #89CFF0 !important;
+    color: white !important;
+}
+
+#clear-btn {
+    background: #ffb3ba !important;
+}