https://www.theghostflow.com/login

1<!DOCTYPE html>
2<html><head><title>GhostFlow — Login</title><link rel="icon" type="image/svg+xml" href="/favicon.svg?v=3">
3<meta name="viewport" content="width=device-width,initial-scale=1">
4<style>
5*{box-sizing:border-box;margin:0;padding:0}
6body{background:#0a0e17;color:#e2e8f0;font-family:'Trebuchet MS',sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow-x:hidden}
7#bgCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.4;pointer-events:none}
8.bg-glow{position:fixed;inset:0;z-index:1;pointer-events:none}
9.bg-glow::before{content:'';position:absolute;top:-25%;left:50%;transform:translateX(-50%);width:820px;height:820px;background:radial-gradient(circle,rgba(59,130,246,0.07) 0%,transparent 70%)}
10.bg-glow::after{content:'';position:absolute;bottom:-20%;right:-10%;width:560px;height:560px;background:radial-gradient(circle,rgba(139,92,246,0.05) 0%,transparent 70%)}
11.brand{position:fixed;top:20px;left:24px;z-index:5;display:flex;align-items:center;gap:8px;text-decoration:none;font-family:'JetBrains Mono','Trebuchet MS',monospace;font-size:18px;font-weight:700}
12.brand .c1{color:#3b82f6}.brand .c2{color:#e2e8f0}
13.login-box{position:relative;z-index:2;background:rgba(17,24,39,0.82);backdrop-filter:blur(10px);border:1px solid #1e293b;border-radius:12px;padding:40px;width:360px;box-shadow:0 8px 40px rgba(0,0,0,0.55)}
14h1{font-size:22px;margin-bottom:4px;color:#3b82f6}
15h2{font-size:12px;color:#64748b;margin-bottom:24px;font-weight:400;letter-spacing:1px}
16input{width:100%;padding:10px 14px;margin-bottom:12px;background:#0a0e17;border:1px solid #1e293b;border-radius:6px;color:#e2e8f0;font-size:14px;font-family:inherit}
17input:focus{outline:none;border-color:#3b82f6}
18button{width:100%;padding:10px;background:#3b82f6;color:#0a0e17;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;margin-bottom:8px}
19button:hover{background:#60a5fa}
20.error{color:#ef4444;font-size:12px;margin-bottom:12px}
21.msg{color:#22c55e;font-size:12px;margin-bottom:12px}
22.signup-link{text-align:center;margin-top:12px;font-size:12px;color:#64748b}
23.signup-link a{color:#3b82f6;text-decoration:none}
24</style></head><body>
25<canvas id="bgCanvas"></canvas>
26<div class="bg-glow"></div>
27<a href="/" class="brand"><svg viewBox="0 0 64 64" width="26" height="26" style="vertical-align:middle"><rect width="64" height="64" rx="14" fill="#0a0e17" stroke="#1e293b" stroke-width="2"/><path d="M32 12C22 12 16 20 16 28v20c0 0 3-4 6-4s3 4 6 4 3-4 6-4 3 4 6 4 3-4 6-4V28c0-8-6-16-16-16z" fill="#3b82f6" opacity="0.9"/><circle cx="26" cy="26" r="3.5" fill="#0a0e17"/><circle cx="38" cy="26" r="3.5" fill="#0a0e17"/><circle cx="27" cy="25" r="1.2" fill="#e2e8f0"/><circle cx="39" cy="25" r="1.2" fill="#e2e8f0"/></svg><span class="c1">Ghost</span><span class="c2">Flow</span></a>
28<div class="login-box">
29<h1>Welcome back</h1>
30<h2>OPTIONS FLOW &amp; GEX DASHBOARD</h2>
31
32
33<form method="POST" action="/login">
34<input name="username" placeholder="Username or email" required autocomplete="username">
35<input name="password" type="password" placeholder="Password" required autocomplete="current-password">
36<button type="submit">Sign In</button>
37</form>
38<div class="signup-link">New here? <a href="/register">Create an account — instant access</a></div>
39<div class="signup-link"><a href="/forgot-password">Forgot password?</a></div>
40</div>

41<script>
42(function(){
43  var c=document.getElementById('bgCanvas'),ctx=c.getContext('2d'),w,h,t=0;
44  function resize(){w=c.width=window.innerWidth;h=c.height=window.innerHeight}
45  resize();window.addEventListener('resize',resize);
46  function draw(){
47    ctx.clearRect(0,0,w,h);
48    var cx=w/2,cy=h/2,spacing=30;t+=0.02;
49    for(var x=0;x<w;x+=spacing){for(var y=0;y<h;y+=spacing){
50      var dist=Math.sqrt((x-cx)*(x-cx)+(y-cy)*(y-cy));
51      var wave=Math.sin(dist*0.015-t*2)*0.5+0.5;
52      ctx.beginPath();ctx.arc(x,y,1.5+wave*2,0,Math.PI*2);
53      ctx.fillStyle='rgba(59,130,246,'+(wave*0.6)+')';ctx.fill();
54    }}
55    requestAnimationFrame(draw);
56  }
57  draw();
58})();
59</script>

59
60</body></html>