update

html/header.php

@@ -409,12 +409,14 @@ include 'static.php';
         .form-center {
             text-align: center;
         }
+
         .social-row {
             display: flex;
             gap: 12px;
             align-items: center;
             padding: 8px;
         }
+
         .social-btn {
             width: 67px;
             height: 67px;
@@ -425,9 +427,85 @@ include 'static.php';
             text-decoration: none;
             transition: transform .12s, box-shadow .12s;
         }
-        .social-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.08); }
+
-        .social-btn svg { width: 22px; height: 22px; display: block; }
+        .social-btn:hover {
-        .sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
+            transform: translateY(-3px);
+            box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
+        }
+
+        .social-btn svg {
+            width: 22px;
+            height: 22px;
+            display: block;
+        }
+
+        .sr-only {
+            position: absolute;
+            left: -10000px;
+            top: auto;
+            width: 1px;
+            height: 1px;
+            overflow: hidden;
+        }
+
+
+        /* ===== FIXED TEXTAREA BLOCK ===== */
+
+        .row {
+            margin-bottom: 22px;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .row label {
+            font-size: 14px;
+            font-weight: 600;
+            margin-bottom: 8px;
+            color: #cbd5e1;
+            letter-spacing: .2px;
+        }
+
+        /* textarea field */
+        .row textarea {
+            width: 100%;
+            min-height: 70px;
+            padding: 14px 14px;
+            border-radius: 12px;
+            border: 1px solid rgba(255, 255, 255, .12);
+            background: linear-gradient(180deg, #020617, #020617);
+            color: #f1f5f9;
+            font-size: 14px;
+            line-height: 1.5;
+            resize: vertical;
+            transition: .18s ease;
+        }
+
+        /* placeholder */
+        .row textarea::placeholder {
+            color: #64748b;
+        }
+
+        /* focus state */
+        .row textarea:focus {
+            border-color: #38bdf8;
+            box-shadow:
+                0 0 0 2px rgba(56, 189, 248, .18),
+                0 6px 18px rgba(0, 0, 0, .45);
+            outline: none;
+        }
+
+        /* helper text */
+        .row small {
+            margin-top: 7px;
+            font-size: 12px;
+            color: #64748b;
+        }
+
+        /* divider line between rows */
+        .row:not(:last-child) {
+            padding-bottom: 18px;
+            border-bottom: 1px dashed rgba(255, 255, 255, .06);
+        }
     </style>
 </head>