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>

components/match-card.tsx

@@ -32,7 +32,7 @@ export function MatchCard({ match, compact = false }: { match: Match; compact?:
   if (compact) {
     return (
       <Link href={`/tournaments/${match.year}#match-${match.id}`} className="block">
-        <div className="bg-[#0a1810] border border-[rgba(34,197,94,0.08)] rounded-xl p-3.5 hover:border-[rgba(34,197,94,0.22)] transition-colors">
+        <div className="glass-card rounded-xl p-3.5 hover:border-[rgba(34,197,94,0.22)] transition-colors">
           <div className="text-[9px] text-[#2a5c35] tracking-[0.1em] uppercase mb-2.5">
             {match.round}{match.group ? ` · ${match.group}` : ''} · {match.date ? formatDate(match.date) : ''}
           </div>
@@ -80,7 +80,7 @@ export function MatchCard({ match, compact = false }: { match: Match; compact?:
   const matchHref = `/tournaments/${match.year}#match-${match.id}`
 
   return (
-    <div className="bg-gradient-to-br from-[#0d2016] to-[#102a1c] border border-[rgba(34,197,94,0.28)] rounded-2xl px-5 py-6 sm:px-9 sm:py-9 hover:border-[rgba(34,197,94,0.45)] transition-colors">
+    <div className="glass-card-hero rounded-2xl px-5 py-6 sm:px-9 sm:py-9 hover:border-[rgba(34,197,94,0.45)] transition-colors">
       {match.isLive && <div className="mb-4"><LiveBadge label="Live Now" /></div>}
       <div className="grid grid-cols-[1fr_auto_1fr] items-center gap-3 sm:gap-8">
         <Link href={match.team1.slug ? `/teams/${match.team1.slug}` : matchHref}