PageSourceSearch

https://socialcare.vn/auth/login

html socialcare.vn collected 2026-09-24 13:22:26 UTC 21,353 bytes, 324 lines download raw bytes

1<!DOCTYPE html>
2<html lang="vi" dir="ltr" data-startbar="dark" data-bs-theme="light">
3
4<head>
5
6    <meta charset="utf-8" />
7    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, viewport-fit=cover">
8    <meta name="application-name" content="Social Care">
9    <meta name="description" content="Socialcare.vn - Hệ thống Smm Panel uy tín, chuyên nghiệp, giá tốt nhất thị trường, chuyên cung cấp dịch vụ mạng xã hội đa nền tảng">
10    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
11    <title>Đăng nhập Tài khoản</title>
12
13    <meta property="og:title" content="Social Care">
14    <meta property="og:description" content="Socialcare.vn - Hệ thống Smm Panel uy tín, chuyên nghiệp, giá tốt nhất thị trường, chuyên cung cấp dịch vụ mạng xã hội đa nền tảng">
15    <meta property="og:image" content="https://socialcare.vn/uploads/1744562175_rxrMai0tDU.png">
16    <meta property="og:image:width" content="1200">
17    <meta property="og:image:height" content="630">
18    <meta property="og:url" content="https://socialcare.vn">
19    <meta property="og:site_name" content="Social Care">
20    <meta property="og:type" content="website">
21
22    <meta name="twitter:card" content="summary_large_image">
23    <meta name="twitter:site" content="Social Care">
24    <meta name="twitter:title" content="Social Care">
25    <meta name="twitter:description" content="Socialcare.vn - Hệ thống Smm Panel uy tín, chuyên nghiệp, giá tốt nhất thị trường, chuyên cung cấp dịch vụ mạng xã hội đa nền tảng">
26    <meta name="twitter:image" content="https://socialcare.vn/uploads/1744562175_rxrMai0tDU.png">
27    <meta name="twitter:image:alt" content="Social Care">
28    <meta name="twitter:creator" content="Út VSM">
29    <meta name="twitter:url" content="https://socialcare.vn">
30    <meta name="twitter:domain" content="https://socialcare.vn">
31    <meta name="twitter:data1" content="socialcare.vn">
32
33    <!-- App favicon -->
34    <link rel="shortcut icon" href="/uploads/1744562175_l95R6hPsDO.png">
35    <!-- App css -->
36    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
37    <!-- Preload massive icons stylesheet to prevent render blocking -->
38    <link rel="preload" href="/assets/css/icons.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
39    <noscript><link rel="stylesheet" href="/assets/css/icons.min.css"></noscript>
40    <link href="/assets/css/app.min.css" rel="stylesheet" type="text/css" />
41    <link href="/assets/css/styles.css?time=1790256145" rel="stylesheet" type="text/css" />
42        <style>
43    :root{ --a2-c1:#6d28d9; --a2-c2:#2563eb; --a2-c3:#06b6d4; --a2-ink:#0f172a; --a2-mut:#64748b; }
44    *{ box-sizing:border-box; }
45    body.auth2{
46        margin:0; min-height:100vh; min-height:100dvh; display:flex; align-items:center; justify-content:center;
47        padding:24px 16px; font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
48        color:var(--a2-ink);
49        background:#eef1f8;
50        background-image:radial-gradient(at 0% 0%,rgba(109,40,217,.16),transparent 42%),radial-gradient(at 100% 100%,rgba(6,182,212,.16),transparent 42%);
51    }
52    .auth2-shell{ width:100%; max-width:1020px; }
53    .auth2-card{
54        display:grid; grid-template-columns:1.05fr .95fr; border-radius:26px; overflow:hidden; background:#fff;
55        box-shadow:0 40px 90px -35px rgba(31,41,80,.45),0 12px 30px -18px rgba(31,41,80,.25);
56    }
57
58    /* ===== Brand panel ===== */
59    .auth2-brand{ position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:center; padding:38px 36px 58px; color:#fff; overflow:hidden;
60        background:linear-gradient(155deg,#4c1d95 0%,#6d28d9 42%,#2563eb 100%); }
61    .auth2-brand::after{ content:''; position:absolute; inset:0; z-index:-1;
62        background:radial-gradient(ellipse at 12% 0%,rgba(236,72,153,.40),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(6,182,212,.45),transparent 52%);
63        pointer-events:none; }
64    .auth2-brand::before{ content:''; position:absolute; inset:0; z-index:-1; opacity:.5;
65        background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 16px,transparent 16px 32px); }
66    .auth2-brand-glow{ position:absolute; z-index:-1; width:260px; height:260px; right:-90px; top:-70px;
67        background:radial-gradient(closest-side,rgba(255,255,255,.25),transparent); pointer-events:none; }
68    .auth2-brand-top{ margin-bottom:26px; }
69    .auth2-logo img{ max-width:158px; max-height:44px; width:auto; height:auto; object-fit:contain; display:block; }
70    .auth2-logo-text{ font-size:23px; font-weight:800; letter-spacing:-.4px; color:#fff; }
71    /* Logo trên panel gradient: đặt trong chip trắng để màu logo đọc sạch, không chỏi nền tím */
72    .auth2-brand .auth2-logo{ display:inline-flex; align-items:center; background:#fff; padding:11px 16px; border-radius:14px;
73        box-shadow:0 12px 26px -14px rgba(0,0,0,.5); }
74    .auth2-brand .auth2-logo-text{ color:var(--a2-c1); }
75    .auth2-brand-body{ padding:0; }
76    .auth2-badge{ display:inline-flex; align-items:center; gap:7px; padding:6px 13px; border-radius:999px; font-size:11.5px; font-weight:700;
77        letter-spacing:.3px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(4px); }
78    .auth2-brand-title{ font-size:clamp(24px,3vw,32px); font-weight:900; line-height:1.15; letter-spacing:-.6px; margin:16px 0 10px; color:#fff; }
79    .auth2-brand-sub{ font-size:14.5px; line-height:1.6; color:rgba(255,255,255,.9); margin:0 0 24px; max-width:380px; }
80    .auth2-feats{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:15px; }
81    .auth2-feats li{ display:flex; gap:13px; align-items:flex-start; }
82    .auth2-feat-ico{ flex-shrink:0; width:40px; height:40px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center;
83        font-size:17px; color:#fff; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.26); }
84    .auth2-feats b{ display:block; font-size:14px; font-weight:700; color:#fff; }
85    .auth2-feats li span:last-child{ display:block; font-size:12.5px; line-height:1.45; color:rgba(255,255,255,.82); }
86    .auth2-brand-foot{ position:absolute; left:36px; bottom:22px; font-size:12px; color:rgba(255,255,255,.7); }
87
88    /* ===== Form panel ===== */
89    .auth2-main{ display:flex; align-items:center; justify-content:center; padding:40px 38px; background:#fff; }
90    .auth2-main-inner{ width:100%; max-width:380px; }
91    .auth2-logo-mobile{ display:none; text-align:center; margin-bottom:18px; }
92    .auth2-logo-mobile img{ max-height:48px; }
93    .auth2-logo-mobile .auth2-logo-text{ color:var(--a2-c1); }
94    .auth2-head{ font-size:24px; font-weight:800; letter-spacing:-.4px; margin:0 0 5px; }
95    .auth2-head-sub{ font-size:13.5px; color:var(--a2-mut); margin:0 0 24px; }
96
97    .auth2-field{ margin-bottom:15px; }
98    .auth2-label{ display:block; font-size:12.5px; font-weight:600; color:#334155; margin-bottom:6px; }
99    .auth2-input{ position:relative; display:flex; align-items:center; }
100    .auth2-input > i{ position:absolute; left:14px; font-size:14px; color:#94a3b8; pointer-events:none; transition:color .15s; }
101    .auth2-input input{
102        width:100%; height:48px; border:1.5px solid #e2e8f0; border-radius:13px; background:#f8fafc;
103        padding:0 14px 0 40px; font-size:14.5px; color:var(--a2-ink); outline:none; transition:border-color .15s,box-shadow .15s,background .15s;
104    }
105    .auth2-input input::placeholder{ color:#aab4c4; }
106    .auth2-input input:focus{ border-color:var(--a2-c2); background:#fff; box-shadow:0 0 0 4px rgba(37,99,235,.12); }
107    .auth2-input input:focus + i, .auth2-input:focus-within > i{ color:var(--a2-c2); }
108    .auth2-eye{ position:absolute; right:6px; width:36px; height:36px; border:none; background:transparent; color:#94a3b8; cursor:pointer;
109        border-radius:9px; display:inline-flex; align-items:center; justify-content:center; font-size:15px; transition:color .15s,background .15s; }
110    .auth2-eye:hover{ color:var(--a2-c2); background:#eef2ff; }
111
112    .auth2-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:4px 0 20px; flex-wrap:wrap; }
113    .auth2-row .form-check-label{ font-size:13px; color:#475569; }
114    .auth2-forgot{ font-size:13px; font-weight:600; color:var(--a2-c2); text-decoration:none; display:inline-flex; align-items:center; gap:5px; }
115    .auth2-forgot:hover{ color:var(--a2-c1); text-decoration:underline; }
116
117    .auth2-btn{
118        width:100%; height:50px; border:none; border-radius:13px; cursor:pointer; color:#fff; font-size:15px; font-weight:700;
119        display:inline-flex; align-items:center; justify-content:center; gap:4px;
120        background:linear-gradient(120deg,var(--a2-c1),var(--a2-c2) 60%,var(--a2-c3));
121        box-shadow:0 14px 26px -12px rgba(37,99,235,.7); transition:transform .18s,box-shadow .18s,filter .18s;
122    }
123    .auth2-btn:hover{ transform:translateY(-2px); filter:brightness(1.04); box-shadow:0 20px 32px -12px rgba(37,99,235,.7); }
124    .auth2-btn:active{ transform:translateY(0); }
125    .auth2-btn[disabled]{ opacity:.75; cursor:default; transform:none; }
126
127    .auth2-divider{ display:flex; align-items:center; gap:12px; margin:18px 0; color:#94a3b8; font-size:12px; }
128    .auth2-divider::before, .auth2-divider::after{ content:''; flex:1; height:1px; background:#e2e8f0; }
129
130    .auth2-btn-google{
131        width:100%; height:48px; border:1.5px solid #e2e8f0; border-radius:13px; background:#fff; color:#334155; font-size:14px; font-weight:600;
132        display:inline-flex; align-items:center; justify-content:center; gap:10px; text-decoration:none; transition:border-color .15s,background .15s,box-shadow .15s;
133    }
134    .auth2-btn-google:hover{ border-color:#cbd5e1; background:#f8fafc; box-shadow:0 8px 18px -12px rgba(0,0,0,.25); color:#334155; }
135
136    .auth2-switch{ text-align:center; font-size:13.5px; color:var(--a2-mut); margin:22px 0 0; }
137    .auth2-switch a{ color:var(--a2-c2); font-weight:700; text-decoration:none; }
138    .auth2-switch a:hover{ text-decoration:underline; }
139
140    .auth2-lang{ margin-top:14px; }
141    .auth2-lang ul{ margin:0; }
142    .auth2-lang .dropdown-toggle{ font-size:13px; }
143
144    /* ===== Responsive ===== */
145    @media (max-width:860px){
146        .auth2-card{ grid-template-columns:1fr; max-width:440px; margin:0 auto; }
147        .auth2-brand{ display:none; }
148        .auth2-logo-mobile{ display:block; }
149        .auth2-main{ padding:32px 24px; }
150    }
151    @media (max-width:460px){
152        body.auth2{ padding:14px 10px; }
153        .auth2-main{ padding:26px 18px; }
154        .auth2-card{ border-radius:20px; }
155    }
156    /* Tablet/desktop: keep brand readable on short screens */
157    @media (min-width:861px){
158        .auth2-brand, .auth2-main{ min-height:580px; }
159    }
160</style>
161</head>
162
163<body class="auth2">
164    <div class="auth2-shell">
165        <div class="auth2-card">
166            
167            <aside class="auth2-brand">
168                <div class="auth2-brand-glow"></div>
169                <div class="auth2-brand-top">
170                    <a href="https://socialcare.vn/auth/login" class="auth2-logo">
171                                                    <img src="/uploads/1746457547_fzKloOHOrI.png" alt="Social Care">
172                                            </a>
173                </div>
174                <div class="auth2-brand-body">
175                    <span class="auth2-badge"><i class="fa-solid fa-rocket"></i> Nền tảng kinh doanh marketing</span>
176                    <h1 class="auth2-brand-title">Chào mừng trở lại 👋</h1>
177                    <p class="auth2-brand-sub">Đăng nhập để quản lý dịch vụ, đơn hàng và toàn bộ bộ công cụ marketing của bạn.</p>
178                    <ul class="auth2-feats">
179                        <li><span class="auth2-feat-ico"><i class="fa-solid fa-bolt"></i></span><div><b>Xử lý đơn tự động 24/7</b><span>Hệ thống chạy không ngừng nghỉ.</span></div></li>
180                        <li><span class="auth2-feat-ico"><i class="fa-solid fa-layer-group"></i></span><div><b>Hàng trăm công cụ marketing</b><span>SMM, SEO, AI, CSKH đa kênh...</span></div></li>
181                        <li><span class="auth2-feat-ico"><i class="fa-solid fa-shield-halved"></i></span><div><b>Bảo mật &amp; ổn định</b><span>Dữ liệu của bạn được bảo vệ.</span></div></li>
182                    </ul>
183                </div>
184                <div class="auth2-brand-foot">© 2026 Social Care</div>
185            </aside>
186
187            
188            <main class="auth2-main">
189                <div class="auth2-main-inner">
190                    <a href="https://socialcare.vn/auth/login" class="auth2-logo auth2-logo-mobile">
191                                                    <img src="/uploads/1746457547_fzKloOHOrI.png" alt="Social Care">
192                                            </a>
193
194                    <h2 class="auth2-head">Đăng nhập Tài khoản</h2>
195                    <p class="auth2-head-sub">Nhập thông tin tài khoản để tiếp tục.</p>
196
197                    <form action="https://socialcare.vn/auth/login" method="POST">
198                        <input type="hidden" name="_token" value="T9XiRF4L5Ea73ofHFvMIzSZkHXPix7eV6pl1oQa6" autocomplete="off">                        <div class="auth2-field">
199                            <label class="auth2-label" for="username">Tài khoản</label>
200                            <div class="auth2-input">
201                                <i class="fa-solid fa-user"></i>
202                                <input type="text" id="username" name="username" autocomplete="username"
203                                    placeholder="Tài khoản" value="">
204                            </div>
205                        </div>
206
207                        <div class="auth2-field">
208                            <label class="auth2-label" for="userpassword">Mật khẩu</label>
209                            <div class="auth2-input">
210                                <i class="fa-solid fa-lock"></i>
211                                <input type="password" name="password" id="userpassword" autocomplete="current-password"
212                                    placeholder="Mật khẩu">
213                                <button type="button" class="auth2-eye" data-target="userpassword" aria-label="Show password"><i class="fa-solid fa-eye"></i></button>
214                            </div>
215                        </div>
216
217                        
218                        <div class="auth2-row">
219                            <div class="form-check form-switch form-switch-success mb-0">
220                                <input class="form-check-input" type="checkbox" name="remember" id="customSwitchSuccess">
221                                <label class="form-check-label" for="customSwitchSuccess">Lưu mật khẩu</label>
222                            </div>
223                            <a href="https://socialcare.vn/auth/forgot-password" class="auth2-forgot"><i class="fa-solid fa-key"></i> Quên mật khẩu?</a>
224                        </div>
225
226                        
227                        <button class="auth2-btn" type="submit">Đăng nhập <i class="fa-solid fa-right-to-bracket ms-1"></i></button>
228
229                                                                            <div class="auth2-divider"><span>hoặc</span></div>
230                            <a href="https://socialcare.vn/auth/google/redirect" class="auth2-btn-google" id="bt
230nGoogleLogin">
231                                <img src="https://www.google.com/favicon.ico" alt="Google" width="18" height="18">
232                                Đăng nhập bằng Google
233                            </a>
234                            
235                            <div class="form-check mt-2 small">
236                                <input class="form-check-input" type="checkbox" id="googleDongY">
237                                <label class="form-check-label" for="googleDongY">
238                                    Tạo tài khoản mới bằng Google: tôi đồng ý
239                                    <a href="https://socialcare.vn/rule" target="_blank" class="auth2-forgot d-inline">Điều khoản &amp; Chính sách</a>
240                                </label>
241                            </div>
242                            
242<script>
243                                document.getElementById('btnGoogleLogin').addEventListener('click', function () {
244                                    if (!document.getElementById('googleDongY').checked) return;
245                                    var u = new URL(this.href, location.href);
246                                    u.searchParams.set('dong_y', '1');
247                                    this.href = u.toString();
248                                });
249                            </script>
249
250                                            </form>
251
252                    <p class="auth2-switch">Bạn chưa có tài khoản? <a href="https://socialcare.vn/auth/register">Đăng ký</a></p>
253
254                    <div class="auth2-lang"><ul class="d-flex align-items-center justify-content-center mb-2 list-unstyled">
255    <li class="dropdown">
256        <a class="text-muted dropdown-toggle arrow-none nav-icon d-flex align-items-center gap-1" data-bs-toggle="dropdown" href="#"
257           role="button" aria-haspopup="false" aria-expanded="false" data-bs-offset="0,19">
258            <img id="current-lang-flag"
259                 src="https://lh3.googleusercontent.com/d/1bm8k06ztyxtzAObHS5Dh3eCFsBt1Twou=w800?authuser=0"
260                 alt="Vietnamese"
261                 class="thumb-sm"
262                 style="object-fit:cover;margin-right:2px">
263            <div> <span> Vietnamese</span> <small class="text-uppercase fs-9">vi</small></div>
264            <i class="fa fa-chevron-down"></i>
265        </a>
266
267        <div class="dropdown-menu" style="width:170px;padding:0">
268                                            <a class="dropdown-item change-language "
269                   data-lang="en"
270                   data-href="/en/auth/login"
271                   href="/en/auth/login">
272                    <img src="https://lh3.googleusercontent.com/d/1tkYcEme47Ll1EkbOlluOX2Tyqd2KAKwl=w800?authuser=0"
273                         alt="English"
274                         class="me-2"
275                         style="height:24px;width:auto">
276                    English
277                </a>
278                                            <a class="dropdown-item change-language active"
279                   data-lang="vi"
280                   data-href="/auth/login"
281                   href="/auth/login">
282                    <img src="https://lh3.googleusercontent.com/d/1bm8k06ztyxtzAObHS5Dh3eCFsBt1Twou=w800?authuser=0"
283                         alt="Vietnamese"
284                         class="me-2"
285                         style="height:24px;width:auto">
286                    Vietnamese
287                </a>
288                    </div>
289    </li>
290</ul>
291</div>
292                </div>
293            </main>
294        </div>
295    </div>
296
297    
297<script src="https://code.jquery.com/jquery-3.7.1.min.js"
298        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
298
299    
299<script src="/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
299
300    
300<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
300
301
302    
303    
304    
304<script>
305        $('form').submit(function() {
306            $('button[type="submit"]').html(
307                `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Đang xử lý...`
308            ).attr('disabled', true);
309        });
310        document.querySelectorAll('.auth2-eye').forEach(function(btn){
311            btn.addEventListener('click', function(){
312                var inp = document.getElementById(this.dataset.target);
313                if(!inp) return;
314                var show = inp.type === 'password';
315                inp.type = show ? 'text' : 'password';
316                this.querySelector('i').className = show ? 'fa-solid fa-eye-slash' : 'fa-solid fa-eye';
317            });
318        });
319    </script>
319
320
321    
321<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a402190d1ad00cda',t:'MTc5MDI1NjE0NQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
321</body>
322<!--end body-->
323
324</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.