style: update dark theme to neutral anthracite and add technical monospace section labels

src/blocks/Affiliation/Component.tsx

@@ -10,15 +10,15 @@ export const AffiliationBlock: React.FC<Props> = ({ title, description, logo, li
   return (
     <section className="py-20 md:py-24 bg-background border-t border-border">
       <div className="container mx-auto px-4 max-w-4xl">
-        <motion.div 
-          initial={{ opacity: 0, y: 20 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          viewport={{ once: true }}
-          className="bg-card p-8 md:p-12 rounded-2xl shadow-sm border border-border flex flex-col md:flex-row items-center gap-10"
-        >
+        <div className="flex flex-col md:flex-row items-center gap-12 lg:gap-20">
           <div className="flex-1 text-center md:text-left">
-            <h2 className="text-2xl md:text-3xl font-bold text-foreground mb-4">{title}</h2>
-            <p className="text-foreground/80 mb-6 leading-relaxed text-sm md:text-base">{description}</p>
+            <div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4">
+              // Zaufanie
+            </div>
+            <h2 className="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-foreground mb-6 text-balance">
+              {title}
+            </h2>
+            <p className="text-foreground/75 text-lg font-light leading-relaxed mb-8">{description}</p>
             {linkText && (
               <Link href="/stowarzyszenie" className="text-accent font-semibold hover:text-accent-hover underline underline-offset-4">
                 {linkText}
@@ -30,7 +30,7 @@ export const AffiliationBlock: React.FC<Props> = ({ title, description, logo, li
               <img src={logo.url} alt={logo.alt || "Logo stowarzyszenia"} className="max-w-full h-auto grayscale hover:grayscale-0 transition-all duration-300" />
             </div>
           )}
-        </motion.div>
+        </div>
       </div>
     </section>
   )