feat: add football net background pattern and glass card styling

Diagonal ±45° goal-net texture on body background. All card surfaces
converted from opaque #0a1810 to glass-card (backdrop-blur + semi-transparent
rgba) or glass-card-hero (gradient rgba) so the net pattern shows through.
Covers all pages: home, groups, history, search, stats, teams, tournaments,
players, match cards, and 404.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/page.tsx

@@ -58,8 +58,7 @@ function UpcomingFixture({ match }: { match: UpcomingMatch }) {
   const time = match.time?.split(' ')[0] ?? ''
   return (
     <Link href={`/tournaments/${match.year}#match-${match.id}`}>
-      <div className="rounded-[10px] p-3 px-4 flex items-center gap-2.5 hover:border-[rgba(34,197,94,0.2)] transition-colors cursor-pointer"
-        style={{ background: '#0a1810', border: '1px solid rgba(34,197,94,0.07)' }}>
+      <div className="glass-card rounded-[10px] p-3 px-4 flex items-center gap-2.5 hover:border-[rgba(34,197,94,0.2)] transition-colors cursor-pointer">
         <TeamFlag name={match.team1.name} iso2={match.team1.iso2} size="sm" />
         <div className="flex-1 text-[13px] text-[#6abf7a] font-medium truncate">
           {match.team1.name} <span className="text-[#2a5c35]">vs</span> {match.team2.name}
@@ -102,7 +101,7 @@ export default function HomePage() {
     <div>
       {/* ── Hero ── */}
       <div className="pitch-grid border-b" style={{
-        background: 'linear-gradient(145deg,#0a1a0e 0%,#0d2416 55%,#0a1a0e 100%)',
+        background: 'linear-gradient(145deg,rgba(10,26,14,0.9) 0%,rgba(13,36,22,0.9) 55%,rgba(10,26,14,0.9) 100%)',
         borderColor: 'rgba(34,197,94,0.15)',
         padding: '52px 0 44px',
       }}>
@@ -182,7 +181,7 @@ export default function HomePage() {
         {scorers.length > 0 && (
           <div className="pt-8 pb-16">
             <SectionHeader label="2026 Golden Boot Race" />
-            <div className="rounded-2xl overflow-hidden" style={{ background: '#0a1810', border: '1px solid rgba(34,197,94,0.16)' }}>
+            <div className="glass-card">
               {scorers.map((s, i) => (
                 <Link key={s.playerName} href={`/players/${encodeURIComponent(s.playerName)}`}>
                   <div className="flex items-center gap-2 sm:gap-3 px-3 sm:px-4 py-3 border-b hover:bg-[rgba(34,197,94,0.03)] transition-colors cursor-pointer"