Meituan LongCat 2.0 – Gaming

via AtlasCloud · Generated

  • AIMAC Debt 5.76
  • Cost $0.023
  • Total Violations 52
  • HTML Size 63 KB
  • Em Dashes 29

Screenshot

View Meituan LongCat 2.0 Gaming page View Live Page

Accessibility Issues Found

52 Serious

  • color-contrast serious 52 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span><i class="fas fa-calendar"></i> June 21, 2024</span>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NEXUS ARENA — Where Legends Compete & Communities Thrive</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<style>
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg-primary:#0a0b0f;
  --bg-secondary:#11131a;
  --bg-card:#161825;
  --bg-card-hover:#1c1f30;
  --accent-cyan:#00f0ff;
  --accent-purple:#a855f7;
  --accent-pink:#ec4899;
  --accent-orange:#f97316;
  --accent-green:#10b981;
  --text-primary:#f0f0f5;
  --text-secondary:#9ca3af;
  --text-muted:#6b7280;
  --border:rgba(255,255,255,0.06);
  --border-bright:rgba(255,255,255,0.12);
  --radius:12px;
  --radius-sm:8px;
  --radius-lg:20px;
  --shadow:0 4px 24px rgba(0,0,0,0.4);
  --shadow-lg:0 8px 40px rgba(0,0,0,0.5);
  --transition:0.3s cubic-bezier(0.4,0,0.2,1);
}
html{scroll-behavior:smooth;font-size:16px}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--bg-primary);
  color:var(--text-primary);
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5{font-family:'Orbitron',sans-serif;font-weight:700;line-height:1.2}
a{color:var(--accent-cyan);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--text-primary)}
img{max-width:100%;display:block}
button{cursor:pointer;font-family:inherit;border:none;outline:none}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}
.section-label{
  font-family:'JetBrains Mono',monospace;
  font-size:0.75rem;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--accent-cyan);
  margin-bottom:12px;
  display:flex;align-items:center;gap:10px;
}
.section-label::before{
  content:'';width:30px;height:2px;background:var(--accent-cyan);
}
.section-title{font-size:2.2rem;margin-bottom:16px}
.section-subtitle{color:var(--text-secondary);font-size:1.05rem;max-width:640px}

/* ===== HEADER ===== */
.header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(10,11,15,0.85);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  transition:var(--transition);
}
.header.scrolled{box-shadow:var(--shadow-lg)}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:72px;gap:24px;
}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-icon{
  width:42px;height:42px;border-radius:var(--radius-sm);
  display:block;
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));
  padding:8px;
}
.logo-text{
  font-family:'Orbitron',sans-serif;
  font-size:1.35rem;font-weight:800;
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.logo-tagline{
  font-size:0.65rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;
  letter-spacing:1px;text-transform:uppercase;
}
.nav{display:flex;align-items:center;gap:4px}
.nav a{
  color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-sm);
  font-size:0.9rem;font-weight:500;transition:var(--transition);
  position:relative;
}
.nav a:hover,.nav a.active{color:var(--text-primary);background:rgba(255,255,255,0.05)}
.nav a.active::after{
  content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);
  width:20px;height:2px;background:var(--accent-cyan);border-radius:2px;
}
.mobile-toggle{display:none;background:none;color:var(--text-primary);font-size:1.4rem}
.header-cta{
  padding:10px 22px;border-radius:50px;
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));
  color:#0a0b0f;font-weight:700;font-size:0.85rem;
  font-family:'Orbitron',sans-serif;letter-spacing:1px;
  transition:var(--transition);flex-shrink:0;
}
.header-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,240,255,0.3);color:#0a0b0f}

/* ===== HERO ===== */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;align-items:center;
  padding-top:72px;
  overflow:hidden;
}
.hero-bg{
  position:absolute;inset:0;
  background:url('https://picsum.photos/1920/1080?blur=3') center/cover no-repeat;
  opacity:0.15;
  filter:blur(4px);
}
.hero-gradient{
  position:absolute;inset:0;
  background:linear-gradient(180deg,
    rgba(10,11,15,0.9) 0%,
    rgba(10,11,15,0.7) 40%,
    rgba(10,11,15,0.85) 100%
  );
}
.hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(0,240,255,0.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,240,255,0.03) 1px,transparent 1px);
  background-size:60px 60px;
}
.hero-content{position:relative;z-index:2;max-width:750px;padding:60px 0}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 16px;border-radius:50px;
  background:rgba(0,240,255,0.1);
  border:1px solid rgba(0,240,255,0.2);
  font-size:0.8rem;color:var(--accent-cyan);
  font-family:'JetBrains Mono',monospace;
  margin-bottom:28px;animation:fadeUp 0.6s ease;
}
.hero-badge .live-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--accent-green);
  animation:pulse 2s infinite;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.hero h1{
  font-size:3.8rem;font-weight:900;letter-spacing:-1px;
  margin-bottom:24px;line-height:1.1;
  animation:fadeUp 0.6s ease 0.1s both;
}
.hero h1 span{
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple),var(--accent-pink));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero p{
  font-size:1.15rem;color:var(--text-secondary);
  max-width:580px;margin-bottom:36px;
  animation:fadeUp 0.6s ease 0.2s both;
}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;animation:fadeUp 0.6s ease 0.3s both}
.btn-primary{
  padding:14px 32px;border-radius:50px;
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));
  color:#0a0b0f;font-weight:700;font-size:0.95rem;
  font-family:'Orbitron',sans-serif;letter-spacing:1px;
  transition:var(--transition);display:inline-flex;align-items:center;gap:10px;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,240,255,0.35)}
.btn-secondary{
  padding:14px 32px;border-radius:50px;
  background:rgba(255,255,255,0.06);
  border:1px solid var(--border-bright);
  color:var(--text-primary);font-weight:600;font-size:0.95rem;
  transition:var(--transition);display:inline-flex;align-items:center;gap:10px;
}
.btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:var(--text-muted)}
.hero-stats{
  display:flex;gap:48px;margin-top:56px;
  animation:fadeUp 0.6s ease 0.4s both;
}
.hero-stat-num{
  font-family:'Orbitron',sans-serif;font-size:2rem;font-weight:800;
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero-stat-label{font-size:0.8rem;color:var(--text-muted);margin-top:4px}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* ===== TICKER ===== */
.ticker{
  background:var(--bg-secondary);border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  overflow:hidden;padding:14px 0;
}
.ticker-track{
  display:flex;gap:60px;
  animation:scrollTicker 40s linear infinite;
  width:max-content;
}
.ticker-item{
  display:flex;align-items:center;gap:10px;
  font-family:'JetBrains Mono',monospace;font-size:0.8rem;
  color:var(--text-secondary);white-space:nowrap;flex-shrink:0;
}
.ticker-item .status-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--accent-green);flex-shrink:0;
}
.ticker-item .status-dot.orange{background:var(--accent-orange)}
.ticker-item .val{color:var(--accent-cyan);font-weight:600}
@keyframes scrollTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== FEATURED REVIEW ===== */
.featured-review{padding:80px 0;position:relative}
.featured-card{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;
  background:var(--bg-card);border-radius:var(--radius-lg);
  border:1px solid var(--border);overflow:hidden;
  transition:var(--transition);
}
.featured-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-lg)}
.featured-img{
  position:relative;overflow:hidden;min-height:400px;
}
.featured-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.featured-card:hover .featured-img img{transform:scale(1.03)}
.featured-badge{
  position:absolute;top:20px;left:20px;
  padding:6px 14px;border-radius:50px;
  background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);
  font-size:0.75rem;font-weight:700;text-transform:uppercase;
  letter-spacing:1px;color:var(--accent-orange);
}
.featured-score{
  position:absolute;bottom:20px;right:20px;
  width:64px;height:64px;border-radius:50%;
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));
  display:flex;align-items:center;justify-content:center;
  font-family:'Orbitron',sans-serif;font-size:1.4rem;font-weight:900;color:#0a0b0f;
}
.featured-info{padding:48px;display:flex;flex-direction:column;justify-content:center}
.featured-meta{
  display:flex;gap:16px;align-items:center;margin-bottom:16px;
  flex-wrap:wrap;
}
.featured-meta span{
  font-size:0.8rem;color:var(--text-muted);
  font-family:'JetBrains Mono',monospace;
}
.featured-info h2{font-size:2rem;margin-bottom:16px}
.featured-info .excerpt{color:var(--text-secondary);margin-bottom:24px;font-size:1rem}
.featured-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.tag{
  padding:5px 14px;border-radius:50px;
  background:rgba(255,255,255,0.05);border:1px solid var(--border);
  font-size:0.78rem;color:var(--text-secondary);
  font-family:'JetBrains Mono',monospace;
}
.featured-author{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.featured-author img{
  width:40px;height:40px;border-radius:50%;
  border:2px solid var(--accent-cyan);
}
.featured-author .name{font-weight:600;font-size:0.9rem}
.featured-author .role{font-size:0.75rem;color:var(--text-muted)}
.btn-read{
  align-self:flex-start;
  padding:12px 28px;border-radius:50px;
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));
  color:#0a0b0f;font-weight:700;font-size:0.88rem;
  font-family:'Orbitron',sans-serif;letter-spacing:1px;
  transition:var(--transition);display:inline-flex;align-items:center;gap:8px;
}
.btn-read:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,240,255,0.3)}

/* ===== REVIEWS GRID ===== */
.reviews-section{padding:80px 0;background:var(--bg-secondary)}
.reviews-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
  margin-top:48px;
}
.review-card{
  background:var(--bg-card);border-radius:var(--radius);
  border:1px solid var(--border);overflow:hidden;
  transition:var(--transition);
}
.review-card:hover{
  border-color:var(--border-bright);
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
}
.review-card-img{position:relative;overflow:hidden;height:200px}
.review-card-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.review-card:hover .review-card-img img{transform:scale(1.05)}
.rating{
  position:absolute;top:12px;right:12px;
  width:42px;height:42px;border-radius:50%;
  background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  font-family:'Orbitron',sans-serif;font-size:0.85rem;font-weight:800;
  color:var(--accent-cyan);border:2px solid var(--accent-cyan);
}
.review-card-body{padding:24px}
.review-card-body h3{font-size:1.1rem;margin-bottom:10px;color:var(--text-primary)}
.review-card-body p{font-size:0.88rem;color:var(--text-secondary);margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.review-card-footer{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:16px;border-top:1px solid var(--border);
}
.review-card-footer span{font-size:0.78rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace}
.review-card-footer .view-btn{
  font-size:0.82rem;font-weight:600;color:var(--accent-cyan);
  display:flex;align-items:center;gap:6px;transition:var(--transition);
}
.review-card-footer .view-btn:hover{color:var(--text-primary)}

/* ===== TOURNAMENT BRACKET ===== */
.tournament-section{padding:80px 0}
.bracket-wrapper{
  background:var(--bg-card);border-radius:var(--radius-lg);
  border:1px solid var(--border);padding:48px;margin-top:48px;
  overflow-x:auto;
}
.bracket-title{
  font-family:'Orbitron',sans-serif;font-size:1.4rem;
  text-align:center;margin-bottom:36px;
  display:flex;align-items:center;justify-content:center;gap:12px;
}
.bracket-title i{color:var(--accent-orange)}
.bracket{
  display:flex;justify-content:center;gap:20px;min-width:800px;
  padding:10px 0;
}
.bracket-round{display:flex;flex-direction:column;justify-content:space-around;min-width:180px}
.bracket-round-label{
  font-family:'JetBrains Mono',monospace;font-size:0.7rem;
  color:var(--text-muted);text-align:center;letter-spacing:2px;
  text-transform:uppercase;margin-bottom:12px;
}
.bracket-match{
  background:var(--bg-secondary);border-radius:var(--radius-sm);
  border:1px solid var(--border);overflow:hidden;
  transition:var(--transition);cursor:pointer;position:relative;
}
.bracket-match:hover{border-color:var(--accent-cyan);box-shadow:0 0 20px rgba(0,240,255,0.1)}
.bracket-match.active{border-color:var(--accent-cyan);box-shadow:0 0 30px rgba(0,240,255,0.15)}
.bracket-team{
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;transition:var(--transition);
  border-bottom:1px solid var(--border);
}
.bracket-team:last-child{border-bottom:none}
.bracket-team.winner{background:rgba(0,240,255,0.06)}
.bracket-team.winner .team-name{color:var(--accent-cyan)}
.bracket-team.loser{opacity:0.45}
.bracket-team img{width:28px;height:28px;border-radius:50%;flex-shrink:0}
.team-name{font-size:0.84rem;font-weight:600;flex:1}
.team-score{
  font-family:'Orbitron',sans-serif;font-size:0.8rem;
  width:24px;text-align:center;
}
.bracket-team.winner .team-score{color:var(--accent-cyan);font-weight:700}
.bracket-connector{
  display:flex;align-items:center;justify-content:center;
  padding:0 4px;
}
.bracket-connector i{color:var(--text-muted);font-size:0.7rem}
.bracket-cta{
  text-align:center;margin-top:32px;
}
.bracket-cta .btn-secondary{margin:0 auto}

/* ===== HARDWARE SHOWCASE ===== */
.hardware-section{padding:80px 0;background:var(--bg-secondary)}
.hardware-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
  margin-top:48px;
}
.hw-card{
  background:var(--bg-card);border-radius:var(--radius);
  border:1px solid var(--border);padding:28px;
  transition:var(--transition);position:relative;overflow:hidden;
}
.hw-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));
  opacity:0;transition:var(--transition);
}
.hw-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.hw-card:hover::before{opacity:1}
.hw-icon{
  width:52px;height:52px;border-radius:var(--radius-sm);
  background:rgba(0,240,255,0.08);display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;color:var(--accent-cyan);margin-bottom:20px;
}
.hw-card h3{font-size:1rem;margin-bottom:8px;color:var(--text-primary)}
.hw-card p{font-size:0.84rem;color:var(--text-secondary);margin-bottom:16px}
.hw-specs{
  display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;
}
.hw-spec{
  padding:3px 10px;border-radius:50px;
  background:rgba(255,255,255,0.04);border:1px solid var(--border);
  font-size:0.7rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;
}
.hw-price{
  font-family:'Orbitron',sans-serif;font-size:1.15rem;font-weight:700;
  color:var(--accent-cyan);
}
.hw-price .original{font-size:0.8rem;color:var(--text-muted);text-decoration:line-through;margin-left:8px;font-weight:400}

/* ===== COMMUNITY ===== */
.community-section{padding:80px 0}
.community-layout{
  display:grid;grid-template-columns:1fr 360px;gap:40px;margin-top:48px;
}
.forum-topics{}
.topic-item{
  display:flex;align-items:flex-start;gap:16px;
  padding:24px;background:var(--bg-card);border-radius:var(--radius);
  border:1px solid var(--border);margin-bottom:16px;
  transition:var(--transition);
}
.topic-item:hover{border-color:var(--border-bright);transform:translateX(4px)}
.topic-avatar{
  width:44px;height:44px;border-radius:50%;flex-shrink:0;
  border:2px solid var(--border-bright);
}
.topic-content{flex:1;min-width:0}
.topic-content h4{font-size:0.95rem;margin-bottom:6px;color:var(--text-primary)}
.topic-content p{font-size:0.84rem;color:var(--text-secondary);line-height:1.5}
.topic-meta{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}
.topic-meta span{font-size:0.75rem;color:var(--text-muted);display:flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace}
.topic-meta i{font-size:0.7rem}
.topic-replies{
  text-align:center;flex-shrink:0;
}
.topic-replies .num{
  font-family:'Orbitron',sans-serif;font-size:1.2rem;font-weight:800;
  color:var(--accent-cyan);
}
.topic-replies .label{font-size:0.7rem;color:var(--text-muted)}

/* Sidebar */
.sidebar{display:flex;flex-direction:column;gap:28px}
.widget{
  background:var(--bg-card);border-radius:var(--radius);
  border:1px solid var(--border);padding:24px;
}
.widget-title{
  font-family:'Orbitron',sans-serif;font-size:1rem;
  margin-bottom:20px;display:flex;align-items:center;gap:10px;
}
.widget-title i{color:var(--accent-cyan)}
.stream-item{
  display:flex;align-items:center;gap:12px;padding:12px 0;
  border-bottom:1px solid var(--border);
}
.stream-item:last-child{border-bottom:none}
.stream-item img{width:36px;height:36px;border-radius:50%;flex-shrink:0}
.stream-info{flex:1;min-width:0}
.stream-info .sname{font-size:0.85rem;font-weight:600;color:var(--text-primary)}
.stream-info .sgame{font-size:0.75rem;color:var(--text-muted)}
.stream-status{
  display:flex;align-items:center;gap:5px;font-size:0.7rem;
  color:var(--accent-pink);font-family:'JetBrains Mono',monospace;
}
.stream-status .live-pulse{
  width:6px;height:6px;border-radius:50%;
  background:var(--accent-pink);animation:pulse 1.5s infinite;
}
.stream-viewers{
  font-size:0.75rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;
}

/* Pro Players Widget */
.pro-player{
  display:flex;align-items:center;gap:12px;padding:12px 0;
  border-bottom:1px solid var(--border);
}
.pro-player:last-child{border-bottom:none}
.pro-player img{width:40px;height:40px;border-radius:50%;flex-shrink:0;border:2px solid var(--accent-purple)}
.pro-info{flex:1}
.pro-info .pname{font-size:0.88rem;font-weight:600;color:var(--text-primary)}
.pro-info .pteam{font-size:0.75rem;color:var(--text-muted)}
.pro-rank{
  font-family:'Orbitron',sans-serif;font-size:0.8rem;font-weight:700;
  color:var(--accent-orange);
}

/* ===== TESTIMONIALS ===== */
.testimonials-section{padding:80px 0;background:var(--bg-secondary)}
.testimonials-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;
}
.testimonial-card{
  background:var(--bg-card);border-radius:var(--radius);
  border:1px solid var(--border);padding:32px;
  transition:var(--transition);position:relative;
}
.testimonial-card:hover{border-color:var(--border-bright);transform:translateY(-4px)}
.testimonial-card .quote-icon{
  font-size:2.5rem;color:var(--accent-cyan);opacity:0.2;
  margin-bottom:16px;
}
.testimonial-card p{
  font-size:0.92rem;color:var(--text-secondary);
  line-height:1.7;margin-bottom:24px;font-style:italic;
}
.testimonial-author{display:flex;align-items:center;gap:12px}
.testimonial-author img{
  width:44px;height:44px;border-radius:50%;
  border:2px solid var(--accent-purple);
}
.testimonial-author .ta-name{font-weight:600;font-size:0.9rem;color:var(--text-primary)}
.testimonial-author .ta-role{font-size:0.75rem;color:var(--text-muted)}
.testimonial-stars{color:var(--accent-orange);font-size:0.8rem;margin-top:4px}

/* ===== FAQ ===== */
.faq-section{padding:80px 0}
.faq-list{max-width:760px;margin:48px auto 0}
.faq-item{
  background:var(--bg-card);border-radius:var(--radius);
  border:1px solid var(--border);margin-bottom:12px;
  overflow:hidden;transition:var(--transition);
}
.faq-item:hover{border-color:var(--border-bright)}
.faq-question{
  width:100%;padding:20px 24px;background:none;
  display:flex;justify-content:space-between;align-items:center;
  font-size:0.95rem;font-weight:600;color:var(--text-primary);
  text-align:left;transition:var(--transition);
}
.faq-question:hover{color:var(--accent-cyan)}
.faq-question i{
  color:var(--accent-cyan);transition:var(--transition);font-size:0.85rem;
}
.faq-item.open .faq-question i{transform:rotate(180deg)}
.faq-answer{
  max-height:0;overflow:hidden;
  transition:max-height 0.4s ease, padding 0.4s ease;
}
.faq-item.open .faq-answer{max-height:300px}
.faq-answer-inner{
  padding:0 24px 24px;font-size:0.9rem;
  color:var(--text-secondary);line-height:1.7;
}

/* ===== NEWSLETTER ===== */
.newsletter-section{padding:80px 0;background:var(--bg-secondary)}
.newsletter-box{
  background:linear-gradient(135deg,rgba(0,240,255,0.08),rgba(168,85,247,0.08));
  border:1px solid rgba(0,240,255,0.15);border-radius:var(--radius-lg);
  padding:56px;text-align:center;max-width:700px;margin:0 auto;
}
.newsletter-box h2{font-size:1.8rem;margin-bottom:12px}
.newsletter-box p{color:var(--text-secondary);margin-bottom:28px;font-size:0.95rem}
.newsletter-form{
  display:flex;gap:12px;max-width:480px;margin:0 auto;
}
.newsletter-form input{
  flex:1;padding:14px 20px;border-radius:50px;
  background:rgba(255,255,255,0.06);border:1px solid var(--border-bright);
  color:var(--text-primary);font-size:0.9rem;outline:none;
  transition:var(--transition);
}
.newsletter-form input::placeholder{color:var(--text-muted)}
.newsletter-form input:focus{border-color:var(--accent-cyan);box-shadow:0 0 20px rgba(0,240,255,0.1)}
.newsletter-form button{
  padding:14px 28px;border-radius:50px;
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));
  color:#0a0b0f;font-weight:700;font-size:0.88rem;
  font-family:'Orbitron',sans-serif;letter-spacing:1px;
  transition:var(--transition);white-space:nowrap;
}
.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,240,255,0.3)}

/* ===== FOOTER ===== */
.footer{background:var(--bg-primary);border-top:1px solid var(--border);padding:64px 0 32px}
.footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;
  margin-bottom:48px;
}
.footer-brand p{color:var(--text-secondary);font-size:0.88rem;margin:16px 0 20px;line-height:1.7}
.footer-social{display:flex;gap:10px}
.footer-social a{
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,0.05);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  color:var(--text-secondary);font-size:0.9rem;
  transition:var(--transition);
}
.footer-social a:hover{background:var(--accent-cyan);color:#0a0b0f;border-color:var(--accent-cyan)}
.footer-col h4{
  font-family:'Orbitron',sans-serif;font-size:0.85rem;
  margin-bottom:20px;color:var(--text-primary);letter-spacing:1px;
}
.footer-col a{
  display:block;color:var(--text-secondary);font-size:0.85rem;
  padding:5px 0;transition:var(--transition);
}
.footer-col a:hover{color:var(--accent-cyan);padding-left:4px}
.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:32px;border-top:1px solid var(--border);
  flex-wrap:wrap;gap:16px;
}
.footer-bottom p{font-size:0.8rem;color:var(--text-muted)}
.footer-bottom-links{display:flex;gap:24px}
.footer-bottom-links a{font-size:0.8rem;color:var(--text-muted);transition:var(--transition)}
.footer-bottom-links a:hover{color:var(--accent-cyan)}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .featured-card{grid-template-columns:1fr}
  .featured-img{min-height:300px}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
  .hardware-grid{grid-template-columns:repeat(2,1fr)}
  .community-layout{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .nav{display:none}
  .mobile-toggle{display:block}
  .header-cta{display:none}
  .hero h1{font-size:2.4rem}
  .hero-stats{gap:24px;flex-wrap:wrap}
  .hero-stat-num{font-size:1.5rem}
  .reviews-grid{grid-template-columns:1fr}
  .hardware-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .newsletter-form{flex-direction:column}
  .section-title{font-size:1.7rem}
  .bracket-wrapper{padding:24px}
}
@media(max-width:480px){
  .hero h1{font-size:1.9rem}
  .hero-actions{flex-direction:column}
  .btn-primary,.btn-secondary{justify-content:center}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
}

/* Mobile nav */
.mobile-nav{
  display:none;position:fixed;top:72px;left:0;right:0;
  background:var(--bg-secondary);border-bottom:1px solid var(--border);
  padding:16px 24px;z-index:999;
}
.mobile-nav.open{display:block}
.mobile-nav a{
  display:block;padding:12px 0;color:var(--text-secondary);
  font-size:0.95rem;border-bottom:1px solid var(--border);
  transition:var(--transition);
}
.mobile-nav a:hover{color:var(--accent-cyan)}
.mobile-nav a:last-child{border-bottom:none}
</style>
</head>
<body>

<!-- HEADER -->
<header class="header" id="header">
  <div class="container">
    <div class="header-inner">
      <a href="#" class="logo">
        <img src="https://placehold.co/84x84/0a0b0f/00f0ff?text=NA&font=orbitron" alt="Nexus Arena Logo" class="logo-icon">
        <div>
          <div class="logo-text">NEXUS ARENA</div>
          <div class="logo-tagline">Competitive Gaming Hub</div>
        </div>
      </a>
      <nav class="nav" id="nav">
        <a href="#home" class="active">Home</a>
        <a href="#reviews">Game Library</a>
        <a href="#featured">Reviews</a>
        <a href="#tournament">Esports</a>
        <a href="#community">Forums</a>
        <a href="#community">Community</a>
        <a href="#hardware">Hardware</a>
        <a href="#leaderboard">Leaderboards</a>
      </nav>
      <button class="header-cta" onclick="document.getElementById('newsletter').scrollIntoView({behavior:'smooth'})">
        <i class="fas fa-bolt"></i> Join Now
      </button>
      <button class="mobile-toggle" id="mobileToggle" aria-label="Toggle menu">
        <i class="fas fa-bars"></i>
      </button>
    </div>
  </div>
</header>
<nav class="mobile-nav" id="mobileNav">
  <a href="#home">Home</a>
  <a href="#reviews">Game Library</a>
  <a href="#featured">Reviews</a>
  <a href="#tournament">Esports</a>
  <a href="#community">Forums</a>
  <a href="#community">Community</a>
  <a href="#hardware">Hardware</a>
  <a href="#leaderboard">Leaderboards</a>
</nav>

<!-- HERO -->
<section class="hero" id="home">
  <div class="hero-bg"></div>
  <div class="hero-gradient"></div>
  <div class="hero-grid"></div>
  <div class="container">
    <div class="hero-content">
      <div class="hero-badge">
        <span class="live-dot"></span>
        LIVE — Season 7 World Championship Now Streaming
      </div>
      <h1>Where <span>Legends</span> Compete & Communities <span>Thrive</span></h1>
      <p>Nexus Arena is the ultimate destination for competitive gamers. Dive into expert reviews, real-time esports coverage, strategy guides, and a thriving community of millions. Whether you're chasing your first achievement or your next world record speedrun — this is your arena.</p>
      <div class="hero-actions">
        <a href="#featured" class="btn-primary">
          <i class="fas fa-gamepad"></i> Explore Reviews
        </a>
        <a href="#tournament" class="btn-secondary">
          <i class="fas fa-trophy"></i> View Tournament
        </a>
      </div>
      <div class="hero-stats">
        <div>
          <div class="hero-stat-num">2.4M+</div>
          <div class="hero-stat-label">Active Players</div>
        </div>
        <div>
          <div class="hero-stat-num">18K</div>
          <div class="hero-stat-label">Tournaments Hosted</div>
        </div>
        <div>
          <div class="hero-stat-num">340+</div>
          <div class="hero-stat-label">Game Reviews</div>
        </div>
        <div>
          <div class="hero-stat-num">99.9%</div>
          <div class="hero-stat-label">Uptime</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- TICKER -->
<div class="ticker">
  <div class="ticker-track">
    <div class="ticker-item"><span class="status-dot"></span> <span class="val">Apex Legends</span> — Season 19 update live now</div>
    <div class="ticker-item"><span class="status-dot orange"></span> <span class="val">Valorant</span> — Champions Tour Berlin begins Friday</div>
    <div class="ticker-item"><span class="status-dot"></span> <span class="val">Elden Ring</span> — Shadow of the Erdtree DLC hits 97 Metacritic</div>
    <div class="ticker-item"><span class="status-dot"></span> <span class="val">Starfield</span> — Shattered Space expansion announced</div>
    <div class="ticker-item"><span class="status-dot orange"></span> <span class="val">Counter-Strike 2</span> — Major roster shuffle confirmed</div>
    <div class="ticker-item"><span class="status-dot"></span> <span class="val">League of Legends</span> — Worlds 2024 bracket revealed</div>
    <div class="ticker-item"><span class="status-dot"></span> <span class="val">Apex Legends</span> — Season 19 update live now</div>
    <div class="ticker-item"><span class="status-dot orange"></span> <span class="val">Valorant</span> — Champions Tour Berlin begins Friday</div>
    <div class="ticker-item"><span class="status-dot"></span> <span class="val">Elden Ring</span> — Shadow of the Erdtree DLC hits 97 Metacritic</div>
    <div class="ticker-item"><span class="status-dot"></span> <span class="val">Starfield</span> — Shattered Space expansion announced</div>
    <div class="ticker-item"><span class="status-dot orange"></span> <span class="val">Counter-Strike 2</span> — Major roster shuffle confirmed</div>
    <div class="ticker-item"><span class="status-dot"></span> <span class="val">League of Legends</span> — Worlds 2024 bracket revealed</div>
  </div>
</div>

<!-- FEATURED REVIEW -->
<section class="featured-review" id="featured">
  <div class="container">
    <div class="section-label">Editor's Choice</div>
    <h2 class="section-title">Featured Review</h2>
    <p class="section-subtitle">Our team of veteran critics delivers in-depth, honest assessments of the latest releases — from AAA blockbusters to indie gems.</p>

    <div class="featured-card" style="margin-top:48px">
      <div class="featured-img">
        <img src="https://picsum.photos/800/600?grayscale=0" alt="Elden Ring Shadow of the Erdtree">
        <span class="featured-badge">Must Play</span>
        <div class="featured-score">9.5</div>
      </div>
      <div class="featured-info">
        <div class="featured-meta">
          <span><i class="fas fa-calendar"></i> June 21, 2024</span>
          <span><i class="fas fa-clock"></i> 42 min read</span>
          <span><i class="fas fa-gamepad"></i> Action RPG</span>
        </div>
        <h2>Elden Ring: Shadow of the Erdtree</h2>
        <p class="excerpt">FromSoftware has delivered what many are calling the gold standard for downloadable content. Shadow of the Erdtree isn't merely an expansion — it's a masterclass in environmental design, boss encounter pacing, and lore-rich storytelling that recontextualizes everything we thought we knew about the Lands Between. The new Realm of Shadow is vast, vertically layered, and brimming with secrets that reward the most dedicated Tarnished. With a staggering 30+ hours of content, 8 new weapon categories, and some of the most punishing yet fair boss fights ever designed, this is essential playing for anyone who values the art of game design.</p>
        <div class="featured-tags">
          <span class="tag">Open World</span>
          <span class="tag">Souls-like</span>
          <span class="tag">Co-op</span>
          <span class="tag">PvP</span>
          <span class="tag">Single Player</span>
        </div>
        <div class="featured-author">
          <img src="https://i.pravatar.cc/80?u=marcus" alt="Marcus Chen">
          <div>
            <div class="name">Marcus Chen</div>
            <div class="role">Senior Review Editor · 12 years experience</div>
          </div>
        </div>
        <a href="#" class="btn-read">Read Full Review <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
  </div>
</section>

<!-- REVIEWS GRID -->
<section class="reviews-section" id="reviews">
  <div class="container">
    <div class="section-label">Latest Reviews</div>
    <h2 class="section-title">Fresh From The Critics</h2>
    <p class="section-subtitle">Every review is crafted by dedicated gamers who spend dozens of hours with each title, evaluating everything from framerate stability to narrative depth.</p>

    <div class="reviews-grid">
      <div class="review-card">
        <div class="review-card-img">
          <img src="https://picsum.photos/600/400?random=10" alt="Final Fantasy VII Rebirth">
          <div class="rating">9.2</div>
        </div>
        <div class="review-card-body">
          <h3>Final Fantasy VII Rebirth</h3>
          <p>Square Enix expands the Remake universe with breathtaking ambition. The open-world exploration, refined ATB combat, and emotional storytelling set a new benchmark for JRPGs in 2024.</p>
          <div class="review-card-footer">
            <span><i class="fas fa-clock"></i> 36 min read</span>
            <a href="#" class="view-btn">Read Review <i class="fas fa-chevron-right"></i></a>
          </div>
        </div>
      </div>
      <div class="review-card">
        <div class="review-card-img">
          <img src="https://picsum.photos/600/400?random=11" alt="Helldivers 2">
          <div class="rating">8.8</div>
        </div>
        <div class="review-card-body">
          <h3>Helldivers 2</h3>
          <p>Arrowhead's co-op shooter is pure chaotic brilliance. Stratagem deployment, friendly fire mayhem, and a galactic war that evolves based on community performance make this endlessly replayable.</p>
          <div class="review-card-footer">
            <span><i class="fas fa-clock"></i> 28 min read</span>
            <a href="#" class="view-btn">Read Review <i class="fas fa-chevron-right"></i></a>
          </div>
        </div>
      </div>
      <div class="review-card">
        <div class="review-card-img">
          <img src="https://picsum.photos/600/400?random=12" alt="Hades II">
          <div class="rating">9.0</div>
        </div>
        <div class="review-card-body">
          <h3>Hades II (Early Access)</h3>
          <p>Supergiant's sequel refines the roguelike formula with new magic mechanics, a darker narrative arc, and the same addictive run-based gameplay that made the original a genre-defining masterpiece.</p>
          <div class="review-card-footer">
            <span><i class="fas fa-clock"></i> 22 min read</span>
            <a href="#" class="view-btn">Read Review <i class="fas fa-chevron-right"></i></a>
          </div>
        </div>
      </div>
      <div class="review-card">
        <div class="review-card-img">
          <img src="https://picsum.photos/600/400?random=13" alt="Black Myth Wukong">
          <div class="rating">8.6</div>
        </div>
        <div class="review-card-body">
          <h3>Black Myth: Wukong</h3>
          <p>Game Studio's action RPG delivers jaw-dropping visuals and fluid combat inspired by Chinese mythology. Boss encounters are spectacular, though some open-world sections feel undercooked.</p>
          <div class="review-card-footer">
            <span><i class="fas fa-clock"></i> 32 min read</span>
            <a href="#" class="view-btn">Read Review <i class="fas fa-chevron-right"></i></a>
          </div>
        </div>
      </div>
      <div class="review-card">
        <div class="review-card-img">
          <img src="https://picsum.photos/600/400?random=14" alt="Tekken 8">
          <div class="rating">8.9</div>
        </div>
        <div class="review-card-body">
          <h3>Tekken 8</h3>
          <p>Bandai Namco's latest fighter brings the heat with its aggressive Heat System, stunning Unreal Engine 5 visuals, and a roster that honors legacy while welcoming newcomers to the Iron Fist Tournament.</p>
          <div class="review-card-footer">
            <span><i class="fas fa-clock"></i> 26 min read</span>
            <a href="#" class="view-btn">Read Review <i class="fas fa-chevron-right"></i></a>
          </div>
        </div>
      </div>
      <div class="review-card">
        <div class="review-card-img">
          <img src="https://picsum.photos/600/400?random=15" alt="Dragon's Dogma 2">
          <div class="rating">8.4</div>
        </div>
        <div class="review-card-body">
          <h3>Dragon's Dogma 2</h3>
          <p>Capcom's long-awaited sequel delivers an unparalleled emergent RPG experience. The pawn system, vocations, and physics-driven encounters create unforgettable moments, despite some performance hiccups.</p>
          <div class="review-card-footer">
            <span><i class="fas fa-clock"></i> 30 min read</span>
            <a href="#" class="view-btn">Read Review <i class="fas fa-chevron-right"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- TOURNAMENT BRACKET -->
<section class="tournament-section" id="tournament">
  <div class="container">
    <div class="section-label">Live Esports</div>
    <h2 class="section-title">Season 7 World Championship</h2>
    <p class="section-subtitle">Follow the action in real-time. Our interactive bracket updates live as matches conclude — track your favorite teams, predict outcomes, and climb the prediction leaderboard.</p>

    <div class="bracket-wrapper">
      <div class="bracket-title"><i class="fas fa-trophy"></i> Apex Legends Global Series — Quarter Finals</div>
      <div class="bracket" id="bracket">
        <!-- Round 1 -->
        <div class="bracket-round">
          <div class="bracket-round-label">Quarter Finals</div>
          <div class="bracket-match" onclick="toggleMatch(this)">
            <div class="bracket-team winner">
              <img src="https://i.pravatar.cc/56?u=team1" alt="Sentinels">
              <span class="team-name">Sentinels</span>
              <span class="team-score">3</span>
            </div>
            <div class="bracket-team loser">
              <img src="https://i.pravatar.cc/56?u=team2" alt="FaZe">
              <span class="team-name">FaZe Clan</span>
              <span class="team-score">1</span>
            </div>
          </div>
          <div class="bracket-match" onclick="toggleMatch(this)">
            <div class="bracket-team winner">
              <img src="https://i.pravatar.cc/56?u=team3" alt="NRG">
              <span class="team-name">NRG Esports</span>
              <span class="team-score">3</span>
            </div>
            <div class="bracket-team loser">
              <img src="https://i.pravatar.cc/56?u=team4" alt="TSM">
              <span class="team-name">TSM</span>
              <span class="team-score">2</span>
            </div>
          </div>
        </div>
        <!-- Connector -->
        <div class="bracket-connector"><i class="fas fa-chevron-right"></i></div>
        <!-- Round 2 -->
        <div class="bracket-round">
          <div class="bracket-round-label">Semi Finals</div>
          <div class="bracket-match active" onclick="toggleMatch(this)">
            <div class="bracket-team">
              <img src="https://i.pravatar.cc/56?u=team1" alt="Sentinels">
              <span class="team-name">Sentinels</span>
              <span class="team-score">—</span>
            </div>
            <div class="bracket-team">
              <img src="https://i.pravatar.cc/56?u=team3" alt="NRG">
              <span class="team-name">NRG Esports</span>
              <span class="team-score">—</span>
            </div>
          </div>
        </div>
        <!-- Connector -->
        <div class="bracket-connector"><i class="fas fa-chevron-right"></i></div>
        <!-- Final -->
        <div class="bracket-round">
          <div class="bracket-round-label">Grand Final</div>
          <div class="bracket-match" onclick="toggleMatch(this)">
            <div class="bracket-team">
              <img src="https://i.pravatar.cc/56?u=team5" alt="TBD">
              <span class="team-name">TBD</span>
              <span class="team-score">—</span>
            </div>
            <div class="bracket-team">
              <img src="https://i.pravatar.cc/56?u=team6" alt="TBD">
              <span class="team-name">TBD</span>
              <span class="team-score">—</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bracket-cta">
        <a href="#" class="btn-secondary"><i class="fas fa-stream"></i> Watch Live Stream</a>
      </div>
    </div>
  </div>
</section>

<!-- HARDWARE SHOWCASE -->
<section class="hardware-section" id="hardware">
  <div class="container">
    <div class="section-label">Gaming Gear</div>
    <h2 class="section-title">Recommended Hardware</h2>
    <p class="section-subtitle">Our hardware lab rigorously tests every component — from GPUs pushing 240+ framerate to mechanical keyboards with the fastest actuation. Only the best make the cut.</p>

    <div class="hardware-grid">
      <div class="hw-card">
        <div class="hw-icon"><i class="fas fa-microchip"></i></div>
        <h3>NVIDIA RTX 4090</h3>
        <p>The undisputed king of consumer graphics. DLSS 3.5 and ray tracing deliver unparalleled visual fidelity at 4K resolution.</p>
        <div class="hw-specs">
          <span class="hw-spec">24GB GDDR6X</span>
          <span class="hw-spec">450W TDP</span>
          <span class="hw-spec">DLSS 3.5</span>
        </div>
        <div class="hw-price">$1,599 <span class="original">$1,799</span></div>
      </div>
      <div class="hw-card">
        <div class="hw-icon"><i class="fas fa-keyboard"></i></div>
        <h3>Wooting 80HE</h3>
        <p>Analog optical switches with Rapid Trigger technology give competitive players the fastest input response ever measured.</p>
        <div class="hw-specs">
          <span class="hw-spec">Rapid Trigger</span>
          <span class="hw-spec">Analog Input</span>
          <span class="hw-spec">80% Layout</span>
        </div>
        <div class="hw-price">$199</div>
      </div>
      <div class="hw-card">
        <div class="hw-icon"><i class="fas fa-desktop"></i></div>
        <h3>Samsung Odyssey OLED G8</h3>
        <p>34" ultrawide QD-OLED with 175Hz refresh and 0.03ms response time. The ultimate immersive experience for sim racing and RPGs.</p>
        <div class="hw-specs">
          <span class="hw-spec">175Hz</span>
          <span class="hw-spec">QD-OLED</span>
          <span class="hw-spec">1800R Curve</span>
        </div>
        <div class="hw-price">$899 <span class="original">$1,099</span></div>
      </div>
      <div class="hw-card">
        <div class="hw-icon"><i class="fas fa-headset"></i></div>
        <h3>SteelSeries Arctis Nova Pro</h3>
        <p>Dual wireless connectivity, active noise cancellation, and hot-swappable batteries for unlimited gaming sessions without interruption.</p>
        <div class="hw-specs">
          <span class="hw-spec">Hi-Res Audio</span>
          <span class="hw-spec">ANC</span>
          <span class="hw-spec">2.4GHz + BT</span>
        </div>
        <div class="hw-price">$349</div>
      </div>
    </div>
  </div>
</section>

<!-- COMMUNITY & FORUMS -->
<section class="community-section" id="community">
  <div class="container">
    <div class="section-label">Community Hub</div>
    <h2 class="section-title">Join The Conversation</h2>
    <p class="section-subtitle">With over 2.4 million active members, our forums are the beating heart of the Nexus Arena community. Share strategies, find squad mates, and discuss the latest meta shifts.</p>

    <div class="community-layout">
      <div class="forum-topics">
        <div class="topic-item">
          <img src="https://i.pravatar.cc/88?u=player1" alt="User" class="topic-avatar">
          <div class="topic-content">
            <h4>Best loadout for R-301 in Season 19? Need advice for ranked grind</h4>
            <p>Looking to optimize my ranked setup. Currently running R-301 with 2x-4x variable scope but struggling in mid-range engagements. Any recommendations for barrel stabilizers and magazine tier priorities?</p>
            <div class="topic-meta">
              <span><i class="fas fa-user"></i> ShadowFrag42</span>
              <span><i class="fas fa-clock"></i> 2h ago</span>
              <span><i class="fas fa-tag"></i> Apex Legends</span>
            </div>
          </div>
          <div class="topic-replies">
            <div class="num">47</div>
            <div class="label">replies</div>
          </div>
        </div>
        <div class="topic-item">
          <img src="https://i.pravatar.cc/88?u=player2" alt="User" class="topic-avatar">
          <div class="topic-content">
            <h4>Speedrun WR just broken — Malenia 1:23 at 1.00 damage!</h4>
            <p>Just witnessed history. "TarnishedLegend" has obliterated the previous Malenia boss rush world record by nearly 8 seconds using a perfectly optimized bleed build with frame-perfect dodge cancels. The community is losing its mind.</p>
            <div class="topic-meta">
              <span><i class="fas fa-user"></i> LoreKeeper99</span>
              <span><i class="fas fa-clock"></i> 4h ago</span>
              <span><i class="fas fa-tag"></i> Elden Ring</span>
            </div>
          </div>
          <div class="topic-replies">
            <div class="num">128</div>
            <div class="label">replies</div>
          </div>
        </div>
        <div class="topic-item">
          <img src="https://i.pravatar.cc/88?u=player3" alt="User" class="topic-avatar">
          <div class="topic-content">
            <h4>Looking for EU West squad — Diamond+ for competitive Valorant</h4>
            <p>Three of us are Diamond 2-3 looking to form a serious competitive team for VCT Game Changers qualifiers. Need a Controller main and an IGL. Must have comms and be available for scrims 4 nights a week.</p>
            <div class="topic-meta">
              <span><i class="fas fa-user"></i> PhantomAce</span>
              <span><i class="fas fa-clock"></i> 6h ago</span>
              <span><i class="fas fa-tag"></i> Valorant</span>
            </div>
          </div>
          <div class="topic-replies">
            <div class="num">23</div>
            <div class="label">replies</div>
          </div>
        </div>
        <div class="topic-item">
          <img src="https://i.pravatar.cc/88?u=player4" alt="User" class="topic-avatar">
          <div class="topic-content">
            <h4>Is the new CS2 subtick system actually better? Community divided</h4>
            <p>Valve's subtick implementation has been live for months now and the debate rages on. Pro players seem split — some say it's the most responsive CS has ever felt, while others argue it introduces inconsistency. What's your experience?</p>
            <div class="topic-meta">
              <span><i class="fas fa-user"></i> Dust2Veteran</span>
              <span><i class="fas fa-clock"></i> 8h ago</span>
              <span><i class="fas fa-tag"></i> Counter-Strike 2</span>
            </div>
          </div>
          <div class="topic-replies">
            <div class="num">89</div>
            <div class="label">replies</div>
          </div>
        </div>
      </div>

      <!-- Sidebar -->
      <aside class="sidebar">
        <div class="widget">
          <div class="widget-title"><i class="fas fa-broadcast-tower"></i> Live Streamers</div>
          <div class="stream-item">
            <img src="https://i.pravatar.cc/72?u=streamer1" alt="NinjaVortex">
            <div class="stream-info">
              <div class="sname">NinjaVortex</div>
              <div class="sgame">Apex Legends Ranked</div>
            </div>
            <div class="stream-status"><span class="live-pulse"></span> LIVE</div>
            <div class="stream-viewers">12.4K</div>
          </div>
          <div class="stream-item">
            <img src="https://i.pravatar.cc/72?u=streamer2" alt="PixelQueen">
            <div class="stream-info">
              <div class="sname">PixelQueen</div>
              <div class="sgame">Elden Ring DLC</div>
            </div>
            <div class="stream-status"><span class="live-pulse"></span> LIVE</div>
            <div class="stream-viewers">8.7K</div>
          </div>
          <div class="stream-item">
            <img src="https://i.pravatar.cc/72?u=streamer3" alt="FragMaster">
            <div class="stream-info">
              <div class="sname">FragMaster_JP</div>
              <div class="sgame">Valorant Tournament</div>
            </div>
            <div class="stream-status"><span class="live-pulse"></span> LIVE</div>
            <div class="stream-viewers">21.3K</div>
          </div>
          <div class="stream-item">
            <img src="https://i.pravatar.cc/72?u=streamer4" alt="RetroRaven">
            <div class="stream-info">
              <div class="sname">RetroRaven</div>
              <div class="sgame">Speedrun Marathon</div>
            </div>
            <div class="stream-status"><span class="live-pulse"></span> LIVE</div>
            <div class="stream-viewers">5.1K</div>
          </div>
        </div>

        <div class="widget">
          <div class="widget-title"><i class="fas fa-crown"></i> Top Pro Players</div>
          <div class="pro-player">
            <img src="https://i.pravatar.cc/80?u=pro1" alt="TenZ">
            <div class="pro-info">
              <div class="pname">TenZ</div>
              <div class="pteam">Sentinels · Valorant</div>
            </div>
            <div class="pro-rank">#1</div>
          </div>
          <div class="pro-player">
            <img src="https://i.pravatar.cc/80?u=pro2" alt="ImperialHal">
            <div class="pro-info">
              <div class="pname">ImperialHal</div>
              <div class="pteam">TSM · Apex Legends</div>
            </div>
            <div class="pro-rank">#2</div>
          </div>
          <div class="pro-player">
            <img src="https://i.pravatar.cc/80?u=pro3" alt="Faker">
            <div class="pro-info">
              <div class="pname">Faker</div>
              <div class="pteam">T1 · League of Legends</div>
            </div>
            <div class="pro-rank">#3</div>
          </div>
          <div class="pro-player">
            <img src="https://i.pravatar.cc/80?u=pro4" alt="s1mple">
            <div class="pro-info">
              <div class="pname">s1mple</div>
              <div class="pteam">NAVI · CS2</div>
            </div>
            <div class="pro-rank">#4</div>
          </div>
        </div>
      </aside>
    </div>
  </div>
</section>

<!-- TESTIMONIALS -->
<section class="testimonials-section">
  <div class="container">
    <div class="section-label">Player Voices</div>
    <h2 class="section-title">What Our Community Says</h2>
    <p class="section-subtitle">Real feedback from real gamers who've made Nexus Arena their home for competitive play, news, and community.</p>

    <div class="testimonials-grid">
      <div class="testimonial-card">
        <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
        <p>"Nexus Arena completely transformed my approach to competitive Apex. The strategy guides helped me push from Gold to Predator in two seasons. The community forums are incredibly knowledgeable and always willing to help newcomers improve their game sense and mechanical skill."</p>
        <div class="testimonial-author">
          <img src="https://i.pravatar.cc/88?u=reviewer1" alt="Jake Morrison">
          <div>
            <div class="ta-name">Jake Morrison</div>
            <div class="ta-role">Apex Legends Predator · Member since 2021</div>
            <div class="testimonial-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
          </div>
        </div>
      </div>
      <div class="testimonial-card">
        <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
        <p>"As a content creator, I rely on Nexus Arena for accurate, timely esports coverage. Their tournament brackets are the most detailed I've found anywhere, and the hardware reviews saved me from making a $2,000 mistake on my streaming setup. Absolutely essential for any serious gamer."</p>
        <div class="testimonial-author">
          <img src="https://i.pravatar.cc/88?u=reviewer2" alt="Sarah Kim">
          <div>
            <div class="ta-name">Sarah Kim</div>
            <div class="ta-role">Twitch Partner · 45K followers</div>
            <div class="testimonial-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
          </div>
        </div>
      </div>
      <div class="testimonial-card">
        <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
        <p>"The speedrun community here is unmatched. I found routing advice that shaved 4 minutes off my Any% Elden Ring time, and the achievement tracking system keeps me motivated. Nexus Arena isn't just a website — it's a lifestyle for those of us who live and breathe gaming."</p>
        <div class="testimonial-author">
          <img src="https://i.pravatar.cc/88?u=reviewer3" alt="Diego Ramirez">
          <div>
            <div class="ta-name">Diego Ramirez</div>
            <div class="ta-role">Speedrunner · 12 World Records</div>
            <div class="testimonial-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star-half-alt"></i></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- FAQ -->
<section class="faq-section">
  <div class="container">
    <div class="section-label">Knowledge Base</div>
    <h2 class="section-title">Frequently Asked Questions</h2>
    <p class="section-subtitle">Everything you need to know about Nexus Arena. Can't find your answer? Reach out to our support team 24/7.</p>

    <div class="faq-list">
      <div classdiv class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          How does the Nexus Arena ranking system work?
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="faq-answer">
          <div class="faq-answer-inner">Our ranking system uses a proprietary ELO-based algorithm that factors in match performance, individual statistics, team contribution, and consistency over time. Players earn or lose points based on match outcomes relative to expected results. The system resets partially each season to ensure competitive integrity while preserving your overall tier placement. Detailed breakdowns are available in your profile dashboard.</div>
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Can I submit my own game reviews to the platform?
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="faq-answer">
          <div class="faq-answer-inner">Absolutely! We welcome community reviews through our Creator Program. Once you reach Trust Level 3 (earned through consistent forum participation and verified gameplay hours), you can submit reviews that appear in our Community Reviews section. Top-rated community reviews are featured on our homepage and eligible for our monthly "Community Critic" spotlight with exclusive rewards and recognition.</div>
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          What tournaments can I participate in as a free member?
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="faq-answer">
          <div class="faq-answer-inner">Free members have access to all weekly open tournaments, monthly community cups, and seasonal qualifiers. Premium tournaments with larger prize pools require a Nexus Pro subscription ($9.99/month). However, free members can earn Pro credits through community contributions, tournament victories, and achievement milestones. We believe competitive gaming should be accessible to everyone regardless of subscription status.</div>
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          How do I report toxic behavior or cheating?
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="faq-answer">
          <div class="faq-answer-inner">We take community safety seriously. Use the report button on any player profile, forum post, or match replay. Our anti-cheat team reviews all reports within 24 hours, and our moderation team handles behavioral reports within 4 hours during peak times. Repeat offenders face escalating penalties from temporary suspensions to permanent hardware bans. You can track your report status through the Support Center.</div>
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Is Nexus Arena available on mobile devices?
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="faq-answer">
          <div class="faq-answer-inner">Yes! Our platform is fully responsive and works beautifully on all devices. We also offer native iOS and Android apps with push notifications for tournament updates, forum replies, and live stream alerts. The mobile app includes a streamlined match tracker, quick-access leaderboards, and an integrated voice chat system for coordinating with your squad on the go.</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- NEWSLETTER -->
<section class="newsletter-section" id="newsletter">
  <div class="container">
    <div class="newsletter-box">
      <h2>Stay In The Arena</h2>
      <p>Get weekly esports highlights, exclusive review early access, tournament invites, and hardware deals delivered straight to your inbox. Join 340,000+ gamers who never miss a beat.</p>
      <form class="newsletter-form" onsubmit="handleNewsletter(event)">
        <input type="email" placeholder="Enter your email address" required aria-label="Email address">
        <button type="submit"><i class="fas fa-paper-plane"></i> Subscribe</button>
      </form>
    </div>
  </div>
</section>

<!-- FOOTER -->
<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <div class="logo-text" style="font-size:1.2rem;margin-bottom:4px">NEXUS ARENA</div>
        <p>The ultimate destination for competitive gamers, esports enthusiasts, and gaming communities worldwide. Built by gamers, for gamers — since 2018.</p>
        <div class="footer-social">
          <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
          <a href="#" aria-label="Discord"><i class="fab fa-discord"></i></a>
          <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
          <a href="#" aria-label="Twitch"><i class="fab fa-twitch"></i></a>
          <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
        </div>
      </div>
      <div class="footer-col">
        <h4>Platform</h4>
        <a href="#">Game Library</a>
        <a href="#">Reviews</a>
        <a href="#">Leaderboards</a>
        <a href="#">Tournaments</a>
        <a href="#">Achievements</a>
      </div>
      <div class="footer-col">
        <h4>Community</h4>
        <a href="#">Forums</a>
        <a href="#">Discord Server</a>
        <a href="#">Creator Program</a>
        <a href="#">Events Calendar</a>
        <a href="#">Pro Players</a>
      </div>
      <div class="footer-col">
        <h4>Resources</h4>
        <a href="#">Strategy Guides</a>
        <a href="#">Hardware Reviews</a>
        <a href="#">Speedrun Archives</a>
        <a href="#">Patch Notes</a>
        <a href="#">API Docs</a>
      </div>
      <div class="footer-col">
        <h4>Company</h4>
        <a href="#">About Us</a>
        <a href="#">Careers</a>
        <a href="#">Press Kit</a>
        <a href="#">Contact</a>
        <a href="#">Advertise</a>
      </div>
    </div>
    <div class="footer-bottom">
      <p>&copy; 2024 Nexus Arena Inc. All rights reserved. All trademarks belong to their respective owners.</p>
      <div class="footer-bottom-links">
        <a href="#">Privacy Policy</a>
        <a href="#">Terms of Service</a>
        <a href="#">Cookie Settings</a>
        <a href="#">Accessibility</a>
      </div>
    </div>
  </div>
</footer>

<script>
// Header scroll effect
const header = document.getElementById('header');
window.addEventListener('scroll', () => {
  header.classList.toggle('scrolled', window.scrollY > 50);
});

// Mobile nav toggle
const mobileToggle = document.getElementById('mobileToggle');
const mobileNav = document.getElementById('mobileNav');
mobileToggle.addEventListener('click', () => {
  mobileNav.classList.toggle('open');
  const icon = mobileToggle.querySelector('i');
  icon.classList.toggle('fa-bars');
  icon.classList.toggle('fa-times');
});

// Close mobile nav on link click
mobileNav.querySelectorAll('a').forEach(link => {
  link.addEventListener('click', () => {
    mobileNav.classList.remove('open');
    mobileToggle.querySelector('i').classList.add('fa-bars');
    mobileToggle.querySelector('i').classList.remove('fa-times');
  });
});

// FAQ accordion
function toggleFaq(button) {
  const item = button.parentElement;
  const isOpen = item.classList.contains('open');
  // Close all
  document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));
  // Open clicked if it wasn't open
  if (!isOpen) item.classList.add('open');
}

// Tournament bracket interaction
function toggleMatch(match) {
  document.querySelectorAll('.bracket-match').forEach(m => m.classList.remove('active'));
  match.classList.add('active');
}

// Newsletter form
function handleNewsletter(e) {
  e.preventDefault();
  const input = e.target.querySelector('input');
  const btn = e.target.querySelector('button');
  const originalHTML = btn.innerHTML;
  btn.innerHTML = '<i class="fas fa-check"></i> Subscribed!';
  btn.style.background = 'linear-gradient(135deg, #10b981, #059669)';
  input.value = '';
  setTimeout(() => {
    btn.innerHTML = originalHTML;
    btn.style.background = '';
  }, 3000);
}

// Smooth scroll for nav links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener('click', function(e) {
    const target = document.querySelector(this.getAttribute('href'));
    if (target) {
      e.preventDefault();
      target.scrollIntoView({ behavior: 'smooth', block: 'start' });
    }
  });
});

// Active nav link on scroll
const sections = document.querySelectorAll('section[id]');
window.addEventListener('scroll', () => {
  let current = '';
  sections.forEach(section => {
    const sectionTop = section.offsetTop - 100;
    if (window.scrollY >= sectionTop) {
      current = section.getAttribute('id');
    }
  });
  document.querySelectorAll('.nav a').forEach(link => {
    link.classList.remove('active');
    if (link.getAttribute('href') === '#' + current) {
      link.classList.add('active');
    }
  });
});
</script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:44:26.219Z",
  "url": "https://benchmark.aimac.invalid/87acbc7f206097783fc1fedb3913fda76e7577fe58809f517803d438418ba544.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"Enter your email address\" required=\"\" aria-label=\"Email address\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"Enter your email address\" required=\"\" aria-label=\"Email address\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"Enter your email address\" required=\"\" aria-label=\"Email address\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"Enter your email address\" required=\"\" aria-label=\"Email address\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"Enter your email address\" required=\"\" aria-label=\"Email address\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"featured-card\" style=\"margin-top:48px\">",
          "target": [
            ".featured-card"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"header-cta\" onclick=\"document.getElementById('newsletter').scrollIntoView({behavior:'smooth'})\">\n        <i class=\"fas fa-bolt\"></i> Join Now\n      </button>",
          "target": [
            ".header-cta"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Where <span>Legends</span> Compete &amp; Communities <span>Thrive</span></h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Featured Review</h2>",
                  "target": [
                    "#featured > .container > .section-title"
                  ]
                },
                {
                  "html": "<h2>Elden Ring: Shadow of the Erdtree</h2>",
                  "target": [
                    ".featured-info > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Fresh From The Critics</h2>",
                  "target": [
                    "#reviews > .container > .section-title"
                  ]
                },
                {
                  "html": "<h3>Final Fantasy VII Rebirth</h3>",
                  "target": [
                    ".review-card:nth-child(1) > .review-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Helldivers 2</h3>",
                  "target": [
                    ".review-card:nth-child(2) > .review-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Hades II (Early Access)</h3>",
                  "target": [
                    ".review-card:nth-child(3) > .review-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Black Myth: Wukong</h3>",
                  "target": [
                    ".review-card:nth-child(4) > .review-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Tekken 8</h3>",
                  "target": [
                    ".review-card:nth-child(5) > .review-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Dragon's Dogma 2</h3>",
                  "target": [
                    ".review-card:nth-child(6) > .review-card-body > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Season 7 World Championship</h2>",
                  "target": [
                    "#tournament > .container > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Recommended Hardware</h2>",
                  "target": [
                    "#hardware > .container > .section-title"
                  ]
                },
                {
                  "html": "<h3>NVIDIA RTX 4090</h3>",
                  "target": [
                    ".hw-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Wooting 80HE</h3>",
                  "target": [
                    ".hw-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Samsung Odyssey OLED G8</h3>",
                  "target": [
                    ".hw-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>SteelSeries Arctis Nova Pro</h3>",
                  "target": [
                    ".hw-card:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Join The Conversation</h2>",
                  "target": [
                    "#community > .container > .section-title"
                  ]
                },
                {
                  "html": "<h4>Best loadout for R-301 in Season 19? Need advice for ranked grind</h4>",
                  "target": [
                    ".topic-item:nth-child(1) > .topic-content > h4"
                  ]
                },
                {
                  "html": "<h4>Speedrun WR just broken \u2014 Malenia 1:23 at 1.00 damage!</h4>",
                  "target": [
                    ".topic-item:nth-child(2) > .topic-content > h4"
                  ]
                },
                {
                  "html": "<h4>Looking for EU West squad \u2014 Diamond+ for competitive Valorant</h4>",
                  "target": [
                    ".topic-item:nth-child(3) > .topic-content > h4"
                  ]
                },
                {
                  "html": "<h4>Is the new CS2 subtick system actually better? Community divided</h4>",
                  "target": [
                    ".topic-item:nth-child(4) > .topic-content > h4"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">What Our Community Says</h2>",
                  "target": [
                    ".testimonials-section > .container > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Frequently Asked Questions</h2>",
                  "target": [
                    ".faq-section > .container > .section-title"
                  ]
                },
                {
                  "html": "<h2>Stay In The Arena</h2>",
                  "target": [
                    ".newsletter-box > h2"
                  ]
                },
                {
                  "html": "<h4>Platform</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Community</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Resources</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                },
                {
                  "html": "<h4>Company</h4>",
                  "target": [
                    ".footer-col:nth-child(5) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#9ca3af",
                "bgColor": "#11131a",
                "contrastRatio": 7.3,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 7.3"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"ticker-item\"><span class=\"status-dot\"></span> <span class=\"val\">Apex Legends</span> \u2014 Season 19 update live now</div>",
          "target": [
            ".ticker-item:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"Enter your email address\" required=\"\" aria-label=\"Email address\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/84x84/0a0b0f/00f0ff?text=NA&amp;font=orbitron\" alt=\"Nexus Arena Logo\" class=\"logo-icon\">",
          "target": [
            ".logo-icon"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute exists and is not empty"
            },
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"Enter your email address\" required=\"\" aria-label=\"Email address\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\">",
          "target": [
            ".logo"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/84x84/0a0b0f/00f0ff?text=NA&amp;font=orbitron\" alt=\"Nexus Arena Logo\" class=\"logo-icon\">",
          "target": [
            ".logo-icon"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 237.1,
                "height": 54.4
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (237.1px by 54.4px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\">",
          "target": [
            ".logo"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "16.2pt (21.6px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"logo-text\">NEXUS ARENA</div>",
                  "target": [
                    ".logo > div > .logo-text"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"logo-text\">NEXUS ARENA</div>",
          "target": [
            ".logo > div > .logo-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"featured-card\" style=\"margin-top:48px\">",
                  "target": [
                    ".featured-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-calendar\"></i> June 21, 2024</span>",
          "target": [
            ".featured-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"featured-card\" style=\"margin-top:48px\">",
                  "target": [
                    ".featured-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 42 min read</span>",
          "target": [
            ".featured-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"featured-card\" style=\"margin-top:48px\">",
                  "target": [
                    ".featured-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-gamepad\"></i> Action RPG</span>",
          "target": [
            ".featured-meta > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"featured-card\" style=\"margin-top:48px\">",
                  "target": [
                    ".featured-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"role\">Senior Review Editor \u00b7 12 years experience</div>",
          "target": [
            ".role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"review-card\">",
                  "target": [
                    ".review-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 36 min read</span>",
          "target": [
            ".review-card:nth-child(1) > .review-card-body > .review-card-footer > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"review-card\">",
                  "target": [
                    ".review-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 28 min read</span>",
          "target": [
            ".review-card:nth-child(2) > .review-card-body > .review-card-footer > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"review-card\">",
                  "target": [
                    ".review-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 22 min read</span>",
          "target": [
            ".review-card:nth-child(3) > .review-card-body > .review-card-footer > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"review-card\">",
                  "target": [
                    ".review-card:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 32 min read</span>",
          "target": [
            ".review-card:nth-child(4) > .review-card-body > .review-card-footer > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"review-card\">",
                  "target": [
                    ".review-card:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 26 min read</span>",
          "target": [
            ".review-card:nth-child(5) > .review-card-body > .review-card-footer > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"review-card\">",
                  "target": [
                    ".review-card:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 30 min read</span>",
          "target": [
            ".review-card:nth-child(6) > .review-card-body > .review-card-footer > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"bracket-wrapper\">",
                  "target": [
                    ".bracket-wrapper"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"bracket-round-label\">Quarter Finals</div>",
          "target": [
            ".bracket-round:nth-child(1) > .bracket-round-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#75767d",
                "bgColor": "#11131a",
                "contrastRatio": 4.1,
                "fontSize": "10.1pt (13.44px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"bracket-match\" onclick=\"toggleMatch(this)\">",
                  "target": [
                    ".bracket-round:nth-child(1) > .bracket-match[onclick=\"toggleMatch(this)\"]:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.1 (foreground color: #75767d, background color: #11131a, font size: 10.1pt (13.44px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"team-name\">FaZe Clan</span>",
          "target": [
            ".bracket-match[onclick=\"toggleMatch(this)\"]:nth-child(2) > .loser.bracket-team > .team-name"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.1 (foreground color: #75767d, background color: #11131a, font size: 10.1pt (13.44px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#75767d",
                "bgColor": "#11131a",
                "contrastRatio": 4.1,
                "fontSize": "10.1pt (13.44px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"bracket-match\" onclick=\"toggleMatch(this)\">",
                  "target": [
                    ".bracket-match[onclick=\"toggleMatch(this)\"]:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.1 (foreground color: #75767d, background color: #11131a, font size: 10.1pt (13.44px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"team-name\">TSM</span>",
          "target": [
            ".bracket-match[onclick=\"toggleMatch(this)\"]:nth-child(3) > .loser.bracket-team > .team-name"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.1 (foreground color: #75767d, background color: #11131a, font size: 10.1pt (13.44px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"bracket-wrapper\">",
                  "target": [
                    ".bracket-wrapper"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"bracket-round-label\">Semi Finals</div>",
          "target": [
            ".bracket-round:nth-child(3) > .bracket-round-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"bracket-wrapper\">",
                  "target": [
                    ".bracket-wrapper"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"bracket-round-label\">Grand Final</div>",
          "target": [
            ".bracket-round:nth-child(5) > .bracket-round-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-user\"></i> ShadowFrag42</span>",
          "target": [
            ".topic-item:nth-child(1) > .topic-content > .topic-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 2h ago</span>",
          "target": [
            ".topic-item:nth-child(1) > .topic-content > .topic-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-tag\"></i> Apex Legends</span>",
          "target": [
            ".topic-item:nth-child(1) > .topic-content > .topic-meta > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"label\">replies</div>",
          "target": [
            ".topic-item:nth-child(1) > .topic-replies > .label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-user\"></i> LoreKeeper99</span>",
          "target": [
            ".topic-item:nth-child(2) > .topic-content > .topic-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 4h ago</span>",
          "target": [
            ".topic-item:nth-child(2) > .topic-content > .topic-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-tag\"></i> Elden Ring</span>",
          "target": [
            ".topic-item:nth-child(2) > .topic-content > .topic-meta > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"label\">replies</div>",
          "target": [
            ".topic-item:nth-child(2) > .topic-replies > .label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-user\"></i> PhantomAce</span>",
          "target": [
            ".topic-item:nth-child(3) > .topic-content > .topic-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 6h ago</span>",
          "target": [
            ".topic-item:nth-child(3) > .topic-content > .topic-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-tag\"></i> Valorant</span>",
          "target": [
            ".topic-item:nth-child(3) > .topic-content > .topic-meta > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"label\">replies</div>",
          "target": [
            ".topic-item:nth-child(3) > .topic-replies > .label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-user\"></i> Dust2Veteran</span>",
          "target": [
            ".topic-item:nth-child(4) > .topic-content > .topic-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-clock\"></i> 8h ago</span>",
          "target": [
            ".topic-item:nth-child(4) > .topic-content > .topic-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"fas fa-tag\"></i> Counter-Strike 2</span>",
          "target": [
            ".topic-item:nth-child(4) > .topic-content > .topic-meta > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-item\">",
                  "target": [
                    ".topic-item:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"label\">replies</div>",
          "target": [
            ".topic-item:nth-child(4) > .topic-replies > .label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"sgame\">Apex Legends Ranked</div>",
          "target": [
            ".stream-item:nth-child(2) > .stream-info > .sgame"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"stream-viewers\">12.4K</div>",
          "target": [
            ".stream-item:nth-child(2) > .stream-viewers"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"sgame\">Elden Ring DLC</div>",
          "target": [
            ".stream-item:nth-child(3) > .stream-info > .sgame"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"stream-viewers\">8.7K</div>",
          "target": [
            ".stream-item:nth-child(3) > .stream-viewers"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"sgame\">Valorant Tournament</div>",
          "target": [
            ".stream-item:nth-child(4) > .stream-info > .sgame"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"stream-viewers\">21.3K</div>",
          "target": [
            ".stream-item:nth-child(4) > .stream-viewers"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"sgame\">Speedrun Marathon</div>",
          "target": [
            ".stream-item:nth-child(5) > .stream-info > .sgame"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"stream-viewers\">5.1K</div>",
          "target": [
            ".stream-item:nth-child(5) > .stream-viewers"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"pteam\">Sentinels \u00b7 Valorant</div>",
          "target": [
            ".pro-player:nth-child(2) > .pro-info > .pteam"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"pteam\">TSM \u00b7 Apex Legends</div>",
          "target": [
            ".pro-player:nth-child(3) > .pro-info > .pteam"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"pteam\">T1 \u00b7 League of Legends</div>",
          "target": [
            ".pro-player:nth-child(4) > .pro-info > .pteam"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"pteam\">NAVI \u00b7 CS2</div>",
          "target": [
            ".pro-player:nth-child(5) > .pro-info > .pteam"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card\">",
                  "target": [
                    ".testimonial-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"ta-role\">Apex Legends Predator \u00b7 Member since 2021</div>",
          "target": [
            ".testimonial-card:nth-child(1) > .testimonial-author > div > .ta-role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card\">",
                  "target": [
                    ".testimonial-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"ta-role\">Twitch Partner \u00b7 45K followers</div>",
          "target": [
            ".testimonial-card:nth-child(2) > .testimonial-author > div > .ta-role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#161825",
                "contrastRatio": 3.64,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card\">",
                  "target": [
                    ".testimonial-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"ta-role\">Speedrunner \u00b7 12 World Records</div>",
          "target": [
            ".testimonial-card:nth-child(3) > .testimonial-author > div > .ta-role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.64 (foreground color: #6b7280, background color: #161825, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0b0f",
                "contrastRatio": 4.06,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>\u00a9 2024 Nexus Arena Inc. All rights reserved. All trademarks belong to their respective owners.</p>",
          "target": [
            ".footer-bottom > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0b0f",
                "contrastRatio": 4.06,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Privacy Policy</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0b0f",
                "contrastRatio": 4.06,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Terms of Service</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0b0f",
                "contrastRatio": 4.06,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Cookie Settings</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0b0f",
                "contrastRatio": 4.06,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Accessibility</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.06 (foreground color: #6b7280, background color: #0a0b0f, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0c0d12",
                "contrastRatio": 4.01,
                "fontSize": "7.8pt (10.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header scrolled\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<div class=\"review-card\">",
                  "target": [
                    ".review-card:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #6b7280, background color: #0c0d12, font size: 7.8pt (10.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"logo-tagline\">Competitive Gaming Hub</div>",
          "target": [
            ".logo-tagline"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #6b7280, background color: #0c0d12, font size: 7.8pt (10.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 8444
      },
      {
        "y": 576,
        "height": 8444
      },
      {
        "y": 1152,
        "height": 8444
      },
      {
        "y": 1728,
        "height": 8444
      },
      {
        "y": 2304,
        "height": 8444
      },
      {
        "y": 2880,
        "height": 8444
      },
      {
        "y": 3456,
        "height": 8444
      },
      {
        "y": 4032,
        "height": 8444
      },
      {
        "y": 4608,
        "height": 8444
      },
      {
        "y": 5184,
        "height": 8444
      },
      {
        "y": 5760,
        "height": 8444
      },
      {
        "y": 6336,
        "height": 8444
      },
      {
        "y": 6912,
        "height": 8444
      },
      {
        "y": 7488,
        "height": 8444
      },
      {
        "y": 7724,
        "height": 8444
      }
    ],
    "scans": 16,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Gaming" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Gaming"
- Description: Video games, esports news, game reviews, and online gaming communities.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Gaming" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Game Library", "Forums", "Community".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Gaming" category. Consider themes similar to: "Game Reviews", "Strategy Guides", "Gaming Hardware".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "achievements", "framerate", "speedrun".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Read Review", "View Leaderboard", "Watch Stream".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Gaming" sector. Ideas similar but not limited to: "tournament bracket".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "stream schedule", "pro player highlights", "gaming news".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.