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 & á»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 & 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.