Update style.css

style.css

@@ -1,13 +1,39 @@
-#card img {
-    width: 200px;
-    border-radius: 12px;
-}
+/* Container styling */
 #card {
-    border: 2px solid #8A2BE2;
-    border-radius: 15px;
-    padding: 20px;
-    max-width: 500px;
-    margin: auto;
-    background-color: #f3f4f6;
+    border: 1px solid rgba(138, 43, 226, 0.3);
+    border-radius: 24px;
+    padding: 30px;
+    max-width: 600px;
+    margin: 40px auto;
+    background: rgba(255, 255, 255, 0.8);
+    backdrop-filter: blur(10px);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     text-align: center;
+    transition: transform 0.3s ease;
+}
+
+#card:hover {
+    transform: translateY(-5px);
+    border-color: #8A2BE2;
+}
+
+/* Image styling */
+#logo-img img {
+    width: 250px !important;
+    height: auto !important;
+    border-radius: 15px;
+    margin: 0 auto;
+}
+
+/* Text styling */
+.desc-text {
+    color: #4b5563;
+    line-height: 1.6;
+    font-size: 1.1em;
 }
+
+h2 {
+    color: #8A2BE2;
+    margin-top: 15px !important;
+    font-weight: 800 !important;
+}