https://foryou.club/login

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Sign in - For You</title>
7    <style>
8        * { box-sizing: border-box; margin: 0; padding: 0; }
9        body {
10            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
11            background-color: #f5f5f5;
12            color: #1a1a1a;
13            line-height: 1.5;
14            min-height: 100vh;
15            display: flex;
16            align-items: center;
17            justify-content: center;
18        }
19        .container {
20            max-width: 400px;
21            width: 100%;
22            padding: 40px;
23            background-color: #fff;
24            border-radius: 12px;
25            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
26            text-align: center;
27        }
28        h1 {
29            font-size: 24px;
30            margin-bottom: 8px;
31        }
32        .subtitle {
33            color: #666;
34            margin-bottom: 32px;
35        }
36        form {
37            display: flex;
38            flex-direction: column;
39            gap: 16px;
40        }
41        input[type="text"] {
42            padding: 12px 16px;
43            font-size: 16px;
44            border: 1px solid #e5e5e5;
45            border-radius: 8px;
46            outline: none;
47        }
48        input[type="text"]:focus {
49            border-color: #0085ff;
50        }
51        button {
52            padding: 12px 24px;
53            font-size: 16px;
54            font-weight: 600;
55            background-color: #0085ff;
56            color: #fff;
57            border: none;
58            border-radius: 24px;
59            cursor: pointer;
60        }
61        button:hover {
62            background-color: #0070d9;
63        }
64        .note {
65            margin-top: 24px;
66            font-size: 13px;
67            color: #666;
68        }
69    </style>
70</head>
71<body>
72    <div class="container">
73        <h1>💖 For You</h1>
74        <p class="subtitle">Sign in with your Bluesky account</p>
75        <form action="login" method="get">
76            <input
77				type="text"
78				name="handle"
79				placeholder="your-handle.bsky.social"
80				inputmode="email"
81				autocorrect="off"
82				autocapitalize="off"
83				autocomplete="username"
84				spellcheck="false"
85				required
86				autofocus>
87            
88            <button type="submit">Sign in with Bluesky</button>
89        </form>
90        <p class="note">We only verify your identity. No permissions are requested.</p>
91    </div>
92</body>
93</html>