fix: restore glassmorphism card effects on new components

Apply global .card class to Dashboard, Profile, ConfettiReveal, and
Toast components for consistent glossy card appearance.

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

frontend/src/components/ConfettiReveal.tsx

@@ -25,7 +25,7 @@ export default function ConfettiReveal({ match, onDismiss }: Props) {
 
   return (
     <div className={styles.overlay} onClick={onDismiss}>
-      <div className={styles.card} onClick={e => e.stopPropagation()}>
+      <div className={`card ${styles.card}`} onClick={e => e.stopPropagation()}>
         <div className={styles.result}>
           {match.homeTeam.shortName} {match.score.home}:{match.score.away} {match.awayTeam.shortName}
         </div>

frontend/src/components/Toast.tsx

@@ -14,7 +14,7 @@ export default function Toast({ message, onDismiss, duration = 5000 }: Props) {
   }, [onDismiss, duration]);
 
   return (
-    <div className={styles.toast} onClick={onDismiss}>
+    <div className={`card ${styles.toast}`} onClick={onDismiss}>
       {message}
     </div>
   );