From f429d41adc0fccb29d53a99061ffd21c7765a8bc Mon Sep 17 00:00:00 2001
From: Jevinca Marvella <mjevincamarvella@gmail.com>
Date: Wed, 3 Dec 2025 16:41:03 +0700
Subject: [PATCH] Homepage

---
 Homepage.css  | 27 +++++++++++++++++++++++++++
 Homepage.html |  2 +-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/Homepage.css b/Homepage.css
index 98757cc..e02919e 100644
--- a/Homepage.css
+++ b/Homepage.css
@@ -162,6 +162,33 @@ header {
   transform: translateY(-4px) scale(1.05);
 }
 
+.btn-login {
+     background: linear-gradient(135deg, #00eaff, #0099ff);
+     color: #fff;
+     font-weight: 900;
+     box-shadow: 0 6px 30px rgba(0, 234, 255, 0.7), 0 0 20px rgba(0, 153, 255, 0.5);
+     border: 2px solid rgba(0, 234, 255, 0.5);
+     position: relative;
+     z-index: 1;
+     animation: loginPulse 2s ease-in-out infinite;
+   }
+
+   @keyframes loginPulse {
+     0%, 100% {
+       box-shadow: 0 6px 30px rgba(0, 234, 255, 0.7), 0 0 20px rgba(0, 153, 255, 0.5);
+     }
+     50% {
+       box-shadow: 0 8px 40px rgba(0, 234, 255, 0.9), 0 0 35px rgba(0, 153, 255, 0.7);
+     }
+   }
+
+   .btn-login:hover {
+     background: linear-gradient(135deg, #7d0dde, #00aaff);
+     box-shadow: 0 12px 50px rgb(117, 3, 230), 0 0 50px rgba(0, 153, 255, 0.9);
+     transform: translateY(-5px) scale(1.1);
+     border-color: rgba(0, 255, 255, 0.8);
+   }
+
 /* Hero Section */
 .hero {
   position: relative;
diff --git a/Homepage.html b/Homepage.html
index 81eaaff..18b60d2 100644
--- a/Homepage.html
+++ b/Homepage.html
@@ -14,7 +14,7 @@
   <header>
     <div class="logo">2048</div>
     <div class="nav-buttons">
-      <a href="Login.html" class="btn btn-secondary">Login</a>
+      <a href="Login.html" class="btn btn-login">Login</a>
     </div>
   </header>