Update app.py

app.py

@@ -6,6 +6,7 @@ body {
     color: white;
     margin: 0;
     padding: 0;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
 }
 
 .center-container {
@@ -15,6 +16,8 @@ body {
     flex-direction: column;
     min-height: 95vh;
     text-align: center;
+    padding: 20px;
+    box-sizing: border-box;
 }
 
 .button-link {
@@ -26,14 +29,42 @@ body {
     text-decoration: none;
     font-size: 16px;
     margin-top: 16px;
+    transition: background-color 0.3s ease, transform 0.2s ease;
+}
+
+.button-link:hover {
+    background-color: #0056b3;
+    transform: translateY(-2px);
+}
+
+.button-link:active {
+    transform: translateY(0);
+}
+
+h2 {
+    margin: 0 0 20px 0;
+    font-size: 2.5rem;
+    font-weight: 600;
+}
+
+/* Responsive design */
+@media (max-width: 600px) {
+    h2 {
+        font-size: 1.8rem;
+    }
+    
+    .button-link {
+        padding: 10px 20px;
+        font-size: 14px;
+    }
 }
 """
 
-with gr.Blocks(css=custom_css) as app:
+with gr.Blocks(css=custom_css, theme="default") as app:
     gr.HTML("""
     <div class="center-container">
         <h2>OptionStrat Flow</h2>
-        <a class="button-link" href="https://optionstrat.com/flow" target="_blank" rel="noopener noreferrer">
+        <a class="button-link" href="https://optionstrat.com/flow" target="_blank" rel="noopener noreferrer" aria-label="Access OptionStrat Flow">
             Truy cập Option Flow
         </a>
     </div>