css improvements

website-7sys/css/contact.css

@@ -92,6 +92,8 @@
     color: var(--text-color);
     opacity: 0.7;
     transition: color var(--transition-base);
+    pointer-events: none;
+    z-index: 1;
 }
 
 .input-wrapper textarea + i {
@@ -110,6 +112,7 @@
     color: var(--text-color);
     font-family: var(--font-primary);
     transition: all var(--transition-base);
+    position: relative;
 }
 
 .input-wrapper textarea {
@@ -131,6 +134,7 @@
 .input-wrapper input:focus + i,
 .input-wrapper textarea:focus + i {
     color: var(--accent-color);
+    top: 50%;
 }
 
 /* Character Counter */
@@ -160,6 +164,7 @@
     display: flex;
     align-items: center;
     gap: var(--space-xs);
+    top: 0;
 }
 
 /* Submit Button */
@@ -243,9 +248,6 @@
     color: var(--text-color);
     position: relative;
     display: inline-block;
-}
-
-.contact-info h3::after {
     content: '';
     position: absolute;
     bottom: -8px;

website-7sys/css/header.css

@@ -27,11 +27,18 @@ header {
 .logo {
     font-size: var(--font-size-2xl);
     font-weight: 700;
-    color: var(--text-color);
+}
+
+.logo a {
     text-decoration: none;
-    display: flex;
-    align-items: center;
-    gap: var(--space-xs);
+    font-size: 0; /* Remove space between inline elements */
+}
+
+.logo-text, .logo-sys {
+    font-size: var(--font-size-2xl); /* Restore font size */
+    display: inline-block;
+    vertical-align: baseline;
+    line-height: 1;
 }
 
 .logo-text {
@@ -84,19 +91,6 @@ header {
     transform: rotate(15deg);
 }
 
-/* Scroll Progress */
-.scroll-progress {
-    position: absolute;
-    bottom: -2px;
-    left: 0;
-    width: 100%;
-    height: 2px;
-    background: var(--accent-color);
-    transform-origin: left;
-    transform: scaleX(0);
-    transition: transform var(--transition-base);
-}
-
 /* Header Scroll State */
 header.scrolled {
     box-shadow: var(--shadow-md);