Gợi ý sản phẩm cho bạn:
  1. Random liên quân - 3.000đ
ĐƠN HÀNG GẦN ĐÂY
NẠP TIỀN GẦN ĐÂY
...007 thực hiện nạp 10.000đ - ACB 2 tháng trước
--r2k-purple: #8b5cf6; --r2k-cyan: #22d3ee; position: relative; margin-top: 35px; padding: 30px 16px 20px; overflow: hidden; color: #f5f3ff; background: linear-gradient(145deg, #111118, #1c1530, #101522); border-top: 1px solid rgba(139,92,246,.65); font-family: Arial, sans-serif; isolation: isolate; } #r2k-footer * { box-sizing: border-box; } #r2k-footer:before { content: ""; position: absolute; width: 260px; height: 260px; left: 50%; top: -220px; transform: translateX(-50%); background: #8b5cf6; filter: blur(85px); opacity: .3; z-index: -1; } .r2k-wrap { max-width: 1000px; margin: auto; } .r2k-brand { text-align: center; font-size: clamp(23px, 5vw, 34px); font-weight: 900; letter-spacing: 2px; background: linear-gradient(90deg,#c4b5fd,#fff,#22d3ee,#a78bfa); background-size: 200% auto; color: #c4b5fd; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: r2k-gradient 5s linear infinite; } .r2k-sub { text-align: center; color: #aaa6bd; font-size: 13px; margin: 10px 0 24px; } .r2k-line { height: 1px; background: linear-gradient(90deg,transparent,#8b5cf6,#22d3ee,transparent); margin: 20px 0; } .r2k-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; } .r2k-btn { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 12px 8px; border: 1px solid rgba(196,181,253,.3); border-radius: 13px; background: rgba(255,255,255,.045); color: #fff !important; text-decoration: none !important; font-size: 13px; font-weight: 700; transition: transform .25s, box-shadow .25s, border-color .25s; animation: r2k-enter .6s both; } .r2k-btn:hover { transform: translateY(-4px); border-color: #a78bfa; box-shadow: 0 0 22px rgba(139,92,246,.3); } .r2k-btn svg { width: 22px; height: 22px; flex-shrink: 0; } .r2k-zalo { border-color: rgba(34,211,238,.45); } .r2k-zalo:hover { box-shadow: 0 0 22px rgba(34,211,238,.25); } .r2k-facebook { border-color: rgba(96,165,250,.4); } .r2k-contact { display: block; width: 100%; max-width: 340px; margin: 20px auto 0; padding: 15px 18px; text-align: center; border-radius: 13px; background: linear-gradient(100deg,#7c3aed,#8b5cf6,#6366f1); background-size: 200% auto; color: white !important; font-weight: 800; font-size: 14px; text-decoration: none !important; box-shadow: 0 0 18px rgba(139,92,246,.25); animation: r2k-gradient 4s linear infinite, r2k-enter .7s both; transition: transform .2s, box-shadow .2s; } .r2k-contact:hover { transform: scale(1.025); box-shadow: 0 0 28px rgba(139,92,246,.5); } .r2k-note { text-align: center; font-size: 12px; line-height: 1.8; color: #aaa6bd; margin: 18px auto; } .r2k-copy { color: #77738c; font-size: 11px; text-align: center; } @keyframes r2k-gradient { to { background-position: 200% center; } } @keyframes r2k-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media(max-width:520px) { #r2k-footer { padding: 25px 13px 18px; } .r2k-links { grid-template-columns: 1fr; gap: 9px; } .r2k-btn { min-height: 48px; } } @media(prefers-reduced-motion:reduce) { #r2k-footer *, #r2k-footer *:before { animation: none !important; transition: none !important; } }