diff --git a/Login.html b/Login.html
new file mode 100644
index 0000000..7177e9e
--- /dev/null
+++ b/Login.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="id">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Hit or Run — Login</title>
+  <style>
+    body{
+      margin:0; font-family:Inter, sans-serif; background:#071827;
+      display:flex; align-items:center; justify-content:center; min-height:100vh;
+      color:white;
+    }
+    .card{
+      background:rgba(255,255,255,0.05); padding:28px; border-radius:16px;
+      width:320px; box-shadow:0 8px 30px rgba(0,0,0,0.5);
+      backdrop-filter:blur(8px);
+    }
+    h2{margin-top:0; text-align:center}
+    label{display:block; margin:10px 0 4px; font-size:14px}
+    input{
+      width:100%; padding:10px; border-radius:8px; border:0; margin-bottom:10px;
+      background:#ffffff12; color:white;
+    }
+    button{
+      width:100%; padding:10px; border-radius:8px; border:0; cursor:pointer;
+      background:linear-gradient(90deg,#ffd54a); color:black; font-weight:600;
+      margin-top:10px;
+    }
+    .note{text-align:center; margin-top:10px; font-size:14px}
+    a{color:#4ade80; text-decoration:none}
+    .logo{
+      text-align:center; margin-bottom:12px; font-size:100px;
+      filter:drop-shadow(0 0 8px #00000088);
+    }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="logo">🂡</div>
+    <h2>Login — Hit or Run</h2>
+
+    <label>Username</label>
+    <input type="text" placeholder="Masukkan username" />
+
+    <label>Password</label>
+    <input type="password" placeholder="Masukkan password" />
+
+    <button>Login</button>
+
+    <div class="note">Belum punya akun? <a href="regis.html">Register</a></div>
+  </div>
+</body>
+</html>
\ No newline at end of file
