Update app.py

app.py

@@ -20,12 +20,10 @@ css = """
     padding: 0;
     box-sizing: border-box;
 }
-
 body {
     background-color: #ffffff;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
 }
-
 .header {
     background: #ffffff;
     border-bottom: 1px solid #e5e5e5;
@@ -35,30 +33,25 @@ body {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
     margin-bottom: 2rem;
 }
-
 .logo {
     width: 45px;
     height: 45px;
     margin-right: 15px;
     transition: transform 0.3s ease;
 }
-
 .logo:hover {
     transform: scale(1.05);
 }
-
 .header-title {
     color: #000000;
     font-size: 24px;
     font-weight: 600;
 }
-
 .container {
     max-width: 1400px;
     margin: 0 auto;
     padding: 0 2rem;
 }
-
 .main-content {
     background: #ffffff;
     border-radius: 12px;
@@ -67,14 +60,12 @@ body {
     overflow: hidden;
     border: 1px solid #e5e5e5;
 }
-
 .iframe-container {
     position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 65%;
 }
-
 .iframe-container iframe {
     position: absolute;
     top: 0;
@@ -83,14 +74,12 @@ body {
     height: 100%;
     border: none;
 }
-
 .nav-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 1.5rem;
     margin: 2rem 0;
 }
-
 .nav-card {
     background: #ffffff;
     border: 1px solid #e5e5e5;
@@ -98,13 +87,11 @@ body {
     padding: 1.5rem;
     transition: all 0.3s ease;
 }
-
 .nav-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
     border-color: #000000;
 }
-
 .nav-card a {
     color: #000000;
     text-decoration: none;
@@ -114,28 +101,23 @@ body {
     align-items: center;
     gap: 0.8rem;
 }
-
 .nav-card a::after {
     content: '→';
     margin-left: auto;
     opacity: 0;
     transition: opacity 0.3s ease;
 }
-
 .nav-card:hover a::after {
     opacity: 1;
 }
-
 /* Hide Gradio elements */
 footer {
     display: none !important;
 }
-
 .gradio-container {
     margin: 0 !important;
     padding: 0 !important;
 }
-
 @media (max-width: 768px) {
     .nav-grid {
         grid-template-columns: 1fr;
@@ -221,4 +203,4 @@ if __name__ == "__main__":
     demo.launch(
         show_error=False,
         show_api=False,
-    )
+    )