/* CSS riêng trang đăng nhập (login.php) — tách từ inline 28/09/2026 */
/* ===== Khoi gioi thieu ben trai form dang nhap ===== */
.auth-wrap{ justify-content:space-between; padding-left:6vw; }
.auth-hero{ max-width:780px; color:#fff; padding-right:30px; }
.auth-hero .hero-title{
  font-size:clamp(38px, 4.6vw, 64px); font-weight:800; letter-spacing:.02em; line-height:1.25;
  color:#ffd84d; text-shadow:0 3px 22px rgba(0,0,0,.4); margin:0 0 10px;
}
.auth-hero .hero-line{ width:150px; height:3px; border-radius:99px; margin-bottom:22px;
  background:linear-gradient(90deg,#ffd84d, rgba(255,216,77,.15));
  box-shadow:0 0 12px rgba(255,216,77,.7); }
.auth-hero .hero-sub{ font-size:clamp(24px, 2.6vw, 40px); font-weight:600; line-height:1.3;
  margin:0 0 34px; text-shadow:0 2px 14px rgba(0,0,0,.45); }
.auth-hero .hero-sub b{ color:#ffd84d; font-weight:800; }
.hero-features{ display:flex; gap:clamp(8px,1.2vw,20px); flex-wrap:nowrap; }
.hero-feat{ display:flex; flex-direction:column; align-items:center; gap:9px;
  flex:0 0 clamp(78px,7vw,96px); text-align:center; }
.hero-feat .ring{ width:clamp(54px,4.6vw,64px); height:clamp(54px,4.6vw,64px); border-radius:50%; display:grid; place-items:center;
  border:2px solid rgba(255,216,77,.85); background:rgba(0,0,0,.18);
  box-shadow:0 0 16px rgba(255,216,77,.35), inset 0 0 12px rgba(255,216,77,.12); }
.hero-feat .ring svg{ width:28px; height:28px; stroke:#ffd84d; fill:none;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.hero-feat span{ font-size:12.5px; font-weight:600; color:#fdf6e3; line-height:1.35;
  text-shadow:0 1px 8px rgba(0,0,0,.5); }
/* ===== Logo động (SVG assemble/shatter) ở đầu khối hero ===== */
.hero-anim{ width:100%; max-width:620px; margin:0 0 26px; }
.hero-anim svg{ width:100%; height:auto; display:block; overflow:visible;
  filter:drop-shadow(0 4px 18px rgba(0,0,0,.35)); cursor:default; }
.hero-anim svg > *{ fill:#ffd84d; stroke:#ffd84d; stroke-width:.85px; }
@media (max-width:1000px){ .auth-hero{ display:none; } .auth-wrap{ justify-content:center; padding-left:20px; } }