Create style.css

style.css

@@ -0,0 +1,28 @@
+/* style.css */
+
+/* Importa uma fonte mais profissional do Google Fonts */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
+
+/* Aplica a nova fonte a todo o aplicativo */
+.gradio-container {
+    font-family: 'Inter', sans-serif !important;
+}
+
+/* Deixa os cabeçalhos das etapas (Accordions) mais proeminentes */
+.gradio-accordion > .label-wrap {
+    border-bottom: 1px solid #374151; /* Cinza escuro para a borda */
+    padding-bottom: 10px !important;
+    margin-bottom: 10px !important;
+}
+
+/* Adiciona um efeito de sombra sutil nos botões para dar profundidade */
+.gradio-button {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
+    transition: all 0.2s ease-in-out !important;
+}
+
+/* Efeito de "levantar" o botão ao passar o mouse */
+.gradio-button:hover {
+    transform: translateY(-2px) !important;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+}