css trick

frontend/src/pages/Login.jsx

@@ -4,6 +4,7 @@ import { useAuth } from "../contexts/AuthContext";
 import "./Login.css";
 
 export default function Login() {
+  const [isVisible, setIsVisible] = useState(false);
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
@@ -35,11 +36,15 @@ export default function Login() {
 
   return (
     <div className="login-page">
-      <div className="login-card">
+      <div
+        className="login-card"
+        onMouseEnter={() => setIsVisible(true)}
+      >
         <h1 className="login-heading">
           <span className="login-brand">Koin Ping</span> - Login
         </h1>
 
+        <div style={{ visibility: isVisible ? 'visible' : 'hidden' }}>
           {error && (
             <div className="login-error">
               {error}
@@ -97,5 +102,6 @@ export default function Login() {
           </div>
         </div>
       </div>
+    </div>
   );
 }