@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Poppins:wght@600;700;800;900&display=swap");html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--color-success: #059669;--color-warning: #d4af37;--color-error: #dc2626;--color-accent-1: #d4af37;--color-accent-2: #059669;--bg-card: rgba(255, 255, 255, 0.95);--bg-overlay: rgba(15, 23, 42, 0.1);--bg-hover: rgba(15, 23, 42, 0.05);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1)}.publication-approach-category{background-color:rgba(223,49,99,0.1);color:#df3163;border:1px solid rgba(223,49,99,0.2)}.publication-approach-external,.external-badge{background-color:rgba(16,185,129,0.1);color:var(--color-accent-2);border:1px solid rgba(16,185,129,0.2)}.tag-card,.tag-simple{background-color:var(--color-gray-light);color:var(--color-text-light);border:1px solid rgba(226,232,240,0.5)}.approach-icon,.publication-approach-icon{background-color:rgba(59,130,246,0.1);color:var(--color-primary);border:1px solid rgba(59,130,246,0.2);transition:all 0.3s ease}.approach-icon:hover,.publication-approach-icon:hover{background-color:rgba(59,130,246,0.15);transform:scale(1.05)}.approach-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary)}.external-publication-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-cta-primary:focus,.view-all-btn:focus,.view-btn:focus,.modules-section-modern .view-all-section .view-all-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){:root{--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, 0.1)}.approach-card,.external-publication-card{padding:1.5rem}.approach-icon,.publication-approach-icon{width:60px;height:60px}}@container (min-width: 400px){.approach-card{padding:2rem}}@media (color-gamut: p3){.publication-approach-category{color:color(display-p3 0.874 0.192 0.388)}.publication-approach-external{color:color(display-p3 0 0.6 0.412)}}@media (prefers-reduced-motion: reduce){.approach-card,.external-publication-card,.approach-icon,.publication-approach-icon{transition:none;transform:none}}@supports (-webkit-appearance: none){.approach-card,.external-publication-card{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@-moz-document url-prefix(){.approach-icon,.publication-approach-icon{background-clip:padding-box}}@media print{.approach-card,.external-publication-card{break-inside:avoid;box-shadow:none;border:1px solid var(--color-gray-light)}.hero-cta-primary,.view-all-btn,.view-btn,.modules-section-modern .view-all-section .view-all-btn{color:var(--color-primary);background:transparent;border:1px solid var(--color-primary)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;color-scheme:light;-webkit-color-adjust:exact;color-adjust:exact;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:#fff;color:#111827;font-family:"Inter",sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;font-weight:700;line-height:1.3;margin-bottom:1rem;color:#111827}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:#0f172a;text-decoration:none;transition:all 0.3s ease-in-out}a:hover{color:#1D4ED8;text-decoration:underline}p{margin-bottom:1.5rem;color:#374151;line-height:1.6}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem;color:#374151}img{max-width:100%;height:auto;border-radius:8px}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width: 576px){.container{padding:0 1rem}}.section{padding:3rem 0}.section:nth-child(even){background-color:#fafafa}.section:last-of-type{padding-bottom:0;margin-bottom:0}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{margin-bottom:1rem}.section-header .section-subtitle{font-size:1.125rem;color:#374151;max-width:600px;margin:0 auto}.grid-system{display:grid;gap:2rem}.grid-system.grid-2-cols{grid-template-columns:repeat(2, 1fr)}@media (max-width: 768px){.grid-system.grid-2-cols{grid-template-columns:1fr}}.grid-system.grid-3-cols{grid-template-columns:repeat(3, 1fr)}@media (max-width: 992px){.grid-system.grid-3-cols{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.grid-system.grid-3-cols{grid-template-columns:1fr}}.related-resources{margin-bottom:1.5rem;margin-top:1.5rem}.related-resources h3{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0 0 1.2rem 0;padding-bottom:0.5rem;text-align:center}.related-resources .resources-grid{display:flex;flex-direction:column;gap:0.8rem;margin-bottom:1.5rem}.related-resources .resource-link{display:flex;align-items:center;padding:0.9rem 1.25rem;background-color:#f0f4fd;border-radius:10px;text-decoration:none;color:#1e293b;font-weight:600;font-size:1.05rem;transition:all 0.25s ease;box-shadow:0 1px 3px rgba(0,0,0,0.05);border-left:4px solid #2563eb;position:relative;overflow:hidden}.related-resources .resource-link:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:#2563eb;opacity:0;transition:all 0.25s ease}.related-resources .resource-link .icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#2563eb;border-radius:50%;margin-right:1rem;color:#fff;font-size:1rem;flex-shrink:0}.related-resources .resource-link:hover{background-color:#e6eefb;transform:translateY(-2px);box-shadow:0 5px 15px rgba(37,99,235,0.1);padding-left:1.5rem}.related-resources .resource-link:after{content:"›";position:absolute;right:1.25rem;font-size:1.4rem;font-weight:700;color:#64748b;opacity:0.7;transition:all 0.25s ease}.related-resources .resource-link:hover:after{transform:translateX(4px);opacity:1;color:#2563eb}.related-resources .resources-buttons{display:grid;grid-template-columns:1fr;gap:0.8rem;margin-top:1rem}.related-resources .resources-buttons .btn,.related-resources .resources-buttons .btn-modern{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;text-align:center;font-weight:600;font-size:1.05rem;border-radius:10px;transition:all 0.25s ease}.related-resources .resources-buttons .btn .icon,.related-resources .resources-buttons .btn-modern .icon{margin-right:0.75rem;font-size:1.1rem}.related-resources .resources-buttons .btn.btn--primary,.related-resources .resources-buttons .btn--primary.btn-modern{background-color:#2563eb;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,0.2)}.related-resources .resources-buttons .btn.btn--primary:hover,.related-resources .resources-buttons .btn--primary.btn-modern:hover{background-color:#1d4ed8;box-shadow:0 6px 18px rgba(37,99,235,0.3);transform:translateY(-2px)}.related-resources .resources-buttons .btn.btn--secondary,.related-resources .resources-buttons .btn--secondary.btn-modern{background-color:#f8fafc;color:#1e293b;border:1px solid #e2e8f0}.related-resources .resources-buttons .btn.btn--secondary:hover,.related-resources .resources-buttons .btn--secondary.btn-modern:hover{background-color:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(15,23,42,0.1);transform:translateY(-2px)}.post-page .related-resources{background:#f8fafc;border-radius:12px;padding:1.5rem;margin:2rem 0}.post-page .related-resources .resource-link{background-color:#ffffff}.profile-container{position:relative;display:flex;justify-content:center;align-items:center;width:250px;height:250px;margin:0 auto}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #0f172a;box-shadow:0 8px 16px rgba(15,23,42,0.2)}.profile-overlay{position:absolute;bottom:0;right:0;background:linear-gradient(135deg, rgba(15,23,42,0.9) 0%, rgba(29,78,216,0.9) 100%);border-radius:8px;padding:0.75rem;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.tech-stack{display:flex;flex-wrap:wrap;gap:0.5rem;max-width:180px}.tech-item{font-size:0.75rem;font-weight:600;color:#ffffff;background-color:rgba(255,255,255,0.2);padding:0.25rem 0.5rem;border-radius:4px}@media (max-width: 992px){.profile-container{width:200px;height:200px;margin-top:1rem}}@media (max-width: 576px){.profile-container{width:180px;height:180px}}.under-construction-banner{background-color:#ffeb3b;color:#333;text-align:center;padding:10px 0;font-size:1.1em;font-weight:bold;position:sticky;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.2);border-bottom:2px solid #fbc02d}.under-construction-banner p{margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:10px}.header-logo a{color:#2D3748;font-family:'Poppins', sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all 0.3s ease-in-out}.header-logo a:hover{color:#0f172a;text-decoration:none}.header-logo a span{color:#0f172a}.header-nav ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.header-nav a{color:#2D3748;font-weight:500;padding:0.5rem 1rem;border-radius:8px;transition:all 0.3s ease-in-out;text-decoration:none}.header-nav a:hover,.header-nav a.active{background-color:#F7FAFC;color:#0f172a;text-decoration:none}.header-actions{display:flex;align-items:center;gap:1.5rem}.mobile-nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0.5rem}.mobile-nav-toggle span{width:25px;height:3px;background-color:#2D3748;margin:2px 0;transition:all 0.3s ease-in-out}@media (max-width: 992px){.header-nav{display:none}.mobile-nav-toggle{display:flex}}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:#ffffff;border-bottom:1px solid #E2E8F0;box-shadow:0 4px 12px rgba(12,12,12,0.08)}.mobile-nav ul{list-style:none;padding:1.5rem;margin:0}.mobile-nav li{margin-bottom:1rem}.mobile-nav a{display:block;padding:1rem;color:#2D3748;text-decoration:none;border-radius:8px}.mobile-nav a:hover{background-color:#F7FAFC;color:#0f172a}.btn,.btn-modern{display:inline-block;padding:1rem 2rem;border:1px solid transparent;border-radius:8px;font-family:'Poppins', sans-serif;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all 0.3s ease-in-out;line-height:1.2}.btn:hover,.btn-modern:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(12,12,12,0.15);text-decoration:none}.btn--primary{background-color:#0f172a;color:#ffffff}.btn--primary:hover{background-color:#020617;color:#ffffff}.btn--secondary{background-color:#ffffff;color:#0f172a;border-color:#e2e8f0}.btn--secondary:hover{background-color:#fafafa;border-color:#0f172a;color:#020617}.btn--outline{background-color:transparent;color:#0f172a;border:2px solid #0f172a}.btn--outline:hover{background-color:#0f172a;color:#ffffff}.btn--large{padding:1.5rem 3rem;font-size:1.125rem}.card{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(12,12,12,0.08);overflow:hidden;transition:all 0.3s ease-in-out;display:flex;flex-direction:column;height:100%}.card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(12,12,12,0.15)}.card-header{padding:1.5rem;border-bottom:1px solid #E2E8F0}.card-title{margin-bottom:0.5rem;color:#2D3748;font-size:1.25rem;font-weight:700}.card-content{padding:1.5rem;flex-grow:1}.card-description{color:#374151;margin-bottom:1rem;line-height:1.6}.card-footer{padding:1rem 1.5rem;background-color:#F7FAFC;border-top:1px solid #E2E8F0;margin-top:auto}.hero-section{padding:3rem 0;background:linear-gradient(135deg, #fff 0%, #F7FAFC 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;min-height:500px}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:2rem}}.hero-content h1{font-size:3rem;margin-bottom:1rem;color:#111827;font-family:'Poppins', sans-serif;font-weight:700}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}}.hero-subtitle{font-size:1.125rem;color:#374151;margin-bottom:1.5rem}.hero-badges{display:flex;gap:0.5rem;margin-bottom:2rem;flex-wrap:wrap}@media (max-width: 992px){.hero-badges{justify-content:center}}.hero-description{margin-bottom:2rem}.hero-description p{font-size:1.125rem;line-height:1.7;color:#374151}.hero-metrics{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.hero-metrics{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 576px){.hero-metrics{grid-template-columns:1fr}}.metric-box{text-align:center;padding:1.5rem;background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(12,12,12,0.08)}.metric-value{display:block;font-size:2rem;font-weight:700;color:#d4af37;font-family:'Poppins', sans-serif}.metric-label{font-size:0.875rem;color:#374151;margin-top:0.25rem}.hero-actions{display:flex;gap:1.5rem}@media (max-width: 576px){.hero-actions{flex-direction:column}}.hero-visual{display:flex;justify-content:center;align-items:center}.expertise-cloud{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:400px}.section{padding:3rem 0}.section:nth-child(even){background-color:#F7FAFC}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{margin-bottom:1rem;font-family:'Poppins', sans-serif;font-weight:700;color:#2D3748}.section-subtitle{font-size:1.125rem;color:#374151;max-width:600px;margin:0 auto}.grid-system{display:grid;gap:2rem}.grid-2-cols{grid-template-columns:repeat(2, 1fr)}.grid-3-cols{grid-template-columns:repeat(3, 1fr)}@media (max-width: 992px){.grid-3-cols{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.grid-2-cols,.grid-3-cols{grid-template-columns:1fr}}.expertise-card .card-icon{margin-bottom:1rem}.expertise-list{list-style:none;padding:0}.expertise-list li{padding:0.5rem 0;position:relative;padding-left:1.5rem}.expertise-list li:before{content:'✓';position:absolute;left:0;color:#38A169;font-weight:700}.expertise-detail .expertise-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media (max-width: 992px){.expertise-detail .expertise-grid{grid-template-columns:1fr}}.expertise-card{background:#ffffff;border:1px solid #E2E8F0;border-radius:12px;padding:1.25rem 1.25rem 1rem;box-shadow:0 6px 14px rgba(15,23,42,0.06)}.expertise-card h3{margin-top:0}.expertise-list-compact{list-style:none;margin:0 0 .5rem 0;padding:0}.expertise-list-compact li{padding:.4rem 0;border-bottom:1px dashed #E5E7EB}.expertise-list-compact li:last-child{border-bottom:0}.expertise-cta{margin-top:.75rem;display:flex}.module-card{position:relative;overflow:hidden;transition:all 0.3s ease}.module-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.card-image{width:100%;height:180px;overflow:hidden;position:relative;margin-bottom:1rem;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.module-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.module-card:hover .module-image{transform:scale(1.05)}.module-card .card-header{padding-bottom:0.75rem}.module-card .card-title{margin-top:0.5rem;font-size:1.25rem}.module-card .module-tags{display:flex;gap:0.5rem;margin-top:0.75rem;flex-wrap:wrap}.module-card .card-content{padding-top:0}.module-card .card-footer{display:flex;justify-content:center}.external-icon{margin-left:0.25rem;font-size:0.875rem}.publication-card{text-decoration:none;color:inherit}.publication-card:hover{text-decoration:none;color:inherit}.publication-card:hover .card-title{color:#0f172a}.publication-link{display:inline-flex;align-items:center;color:#0f172a;font-weight:500;margin-top:1rem}.badge{display:inline-block;padding:0.25rem 0.5rem;border-radius:20px;font-size:0.875rem;font-weight:500;color:#ffffff;white-space:nowrap;transition:all 0.3s ease-in-out;border:1px solid transparent}.badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(12,12,12,0.08)}.badge--php,.badge--symfony,.badge--laravel,.badge--backend{background-color:#0f172a;border-color:#1D4ED8}.badge--prestashop,.badge--ecommerce,.badge--magento{background-color:#ED8936;border-color:#DD6B20}.badge--ai,.badge--ml,.badge--artificial-intelligence{background-color:#7C3AED;border-color:#6D28D9}.badge--devops,.badge--docker,.badge--kubernetes,.badge--cloud{background-color:#38B2AC;border-color:#319795}.badge--frontend,.badge--javascript,.badge--vue,.badge--react,.badge--css{background-color:#F59E0B;border-color:#D97706}.badge--database,.badge--mysql,.badge--postgresql,.badge--redis{background-color:#059669;border-color:#047857}.badge--business,.badge--experience,.badge--leadership{background-color:#2D3748;border-color:#1A202C}.badge--payment,.badge--marketing,.badge--seo{background-color:#DC2626;border-color:#B91C1C}.badge--development,.badge--tools,.badge--framework{background-color:#7C2D12;border-color:#92400E}.partnership-section{background-color:#F7FAFC}.partnership-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}@media (max-width: 992px){.partnership-grid{grid-template-columns:1fr}}.partnership-highlights .highlight-item{display:flex;gap:1.5rem;margin-bottom:2rem}.partnership-highlights .highlight-item:last-child{margin-bottom:0}.highlight-icon{font-size:2rem;flex-shrink:0}.highlight-content h4{margin-bottom:0.5rem;color:#2D3748}.partnership-metrics{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}@media (max-width: 576px){.partnership-metrics{grid-template-columns:1fr}}.metric-card{text-align:center;padding:1.5rem;background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(12,12,12,0.08)}.metric-number{display:block;font-size:1.75rem;font-weight:700;color:#0f172a;font-family:'Poppins', sans-serif}.metric-label{font-size:0.875rem;color:#374151;margin-top:0.25rem}.cta-section{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#ffffff;text-align:center}.cta-section h2{color:#ffffff;margin-bottom:1.5rem}.cta-section p{color:rgba(255,255,255,0.9);font-size:1.125rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:1.5rem;justify-content:center}@media (max-width: 576px){.cta-actions{flex-direction:column;align-items:center}}.cta-actions .btn--secondary{background-color:transparent;color:#ffffff;border-color:rgba(255,255,255,0.3)}.cta-actions .btn--secondary:hover{background-color:rgba(255,255,255,0.1);border-color:#ffffff;color:#ffffff}.skills-chart{margin-top:2rem}.skills-category-group{margin-bottom:2.5rem;padding:1.5rem;background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(12,12,12,0.05)}.skills-category-group h2{font-size:1.75rem;color:#2D3748;margin-bottom:1.5rem;border-bottom:2px solid #E2E8F0;padding-bottom:0.75rem}.skill-item{margin-bottom:1.25rem}.skill-header{display:flex;justify-content:space-between;margin-bottom:0.5rem;font-weight:600;color:#374151}.skill-name{font-size:1rem}.skill-level{font-size:0.9rem;color:#0f172a}.skill-bar{background-color:#E2E8F0;border-radius:5px;height:10px;overflow:hidden}.skill-fill{height:100%;background-color:#0f172a;border-radius:5px;transition:width 0.8s ease-in-out}.skill-bar--php-backend .skill-fill{background-color:#0f172a}.skill-bar--ecommerce .skill-fill{background-color:#ED8936}.skill-bar--ai .skill-fill{background-color:#7C3AED}.skill-bar--frontend .skill-fill{background-color:#F59E0B}.skill-bar--devops .skill-fill{background-color:#38B2AC}.skill-bar--leadership .skill-fill{background-color:#2D3748}.skill-years{font-size:0.85rem;color:#718096;margin-top:0.25rem;display:block}@media (max-width: 768px){.skills-category-group{padding:1rem}.skills-category-group h2{font-size:1.5rem}.skill-header{flex-direction:column;align-items:flex-start}.skill-level{margin-top:0.2rem}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width: 576px){.container{padding:0 1rem}}.blog-hero-section{padding:3rem 0;background-color:#fafafa}.post-content.has-inline-related h2+ul,.post-content.has-inline-related h3+ul,.post-content.has-inline-related h4+ul{margin-top:.5rem}.inline-resources{margin:1.5rem 0 2rem}.post-content.has-inline-related .post-cta{margin-top:1rem}.blog-content-section{padding:3rem 0}.blog-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}@media (max-width: 992px){.blog-grid{grid-template-columns:1fr}}.blog-sidebar .card{padding:1.5rem;background-color:#fafafa;border:1px solid #e2e8f0;box-shadow:none;margin-bottom:2rem}.blog-sidebar .card:hover{transform:none;box-shadow:none}.blog-sidebar h3{font-family:"Poppins",sans-serif;font-size:1.25rem;color:#111827;margin-top:0;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid #e2e8f0}.blog-sidebar ul{list-style:none;padding:0;margin:0}.blog-sidebar li{margin-bottom:0.75rem}.blog-sidebar li:last-child{margin-bottom:0}.blog-sidebar a{color:#374151;text-decoration:none;transition:all 0.3s ease-in-out;font-weight:500}.blog-sidebar a:hover{color:#0f172a;text-decoration:none}.blog-categories li{display:flex;justify-content:space-between;align-items:center}.post-count{background-color:#e2e8f0;color:#475569;font-size:.875rem;font-weight:700;padding:0.15rem 0.5rem;border-radius:20px}.no-posts-container{text-align:center;padding:4rem 2rem;background-color:#fafafa;border:1px dashed #e2e8f0;border-radius:8px;max-width:800px;margin:2rem auto}.no-posts-icon{font-size:3rem;display:block;margin-bottom:1.5rem}.no-posts-container h2{font-family:"Poppins",sans-serif;color:#111827;margin-bottom:1rem}.no-posts-container p{color:#374151;max-width:600px;margin:0 auto 2rem auto;line-height:1.6}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.margin-top-sm{margin-top:.5rem}.margin-top-md{margin-top:1rem}.margin-top-lg{margin-top:1.5rem}.padding-sm{padding:.5rem}.padding-md{padding:1rem}.padding-lg{padding:1.5rem}@media (max-width: 480px){.hide-on-mobile{display:none !important}}@media (min-width: 481px){.show-on-mobile{display:none !important}}.btn-primary,.btn--primary,a.btn--primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff !important;border:none;border-radius:9999px;font-weight:500;text-decoration:none;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);transition:all 0.3s ease-in-out}.btn-primary.disabled,.btn--primary.disabled,.btn-primary[aria-disabled="true"],.btn--primary[aria-disabled="true"]{opacity:.6;pointer-events:none}.btn-primary:hover,.btn--primary:hover,a.btn--primary:hover{transform:translateY(-2px);text-decoration:none}.btn-secondary,.btn--secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:2px solid #0f172a;border-radius:9999px;color:#0f172a;text-decoration:none;transition:all 0.3s ease-in-out}.btn-secondary.disabled,.btn--secondary.disabled,.btn-secondary[aria-disabled="true"],.btn--secondary[aria-disabled="true"]{opacity:.6;pointer-events:none}.btn-secondary:hover,.btn--secondary:hover{background:#0f172a;color:#fff;transform:translateY(-2px);text-decoration:none}.view-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#0f172a;text-decoration:none;border:2px solid #0f172a;border-radius:12px;font-weight:500;transition:all 0.3s ease-in-out}.view-all-btn:hover{background:#0f172a;color:#fff;transform:translateY(-2px);text-decoration:none}.badge{display:inline-block;padding:.25rem .5rem;border-radius:20px;font-size:.875rem;font-weight:500;color:#fff;white-space:nowrap;transition:all 0.3s ease-in-out;border:1px solid transparent}.badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(17,24,39,0.08)}.badge--php,.badge--symfony,.badge--laravel,.badge--backend{background-color:#0f172a;border-color:#020617}.badge--prestashop,.badge--ecommerce,.badge--magento{background-color:#059669;border-color:#036546}.badge--ai,.badge--ml,.badge--artificial-intelligence{background-color:#7C3AED;border-color:#6D28D9}.badge--devops,.badge--docker,.badge--kubernetes,.badge--cloud{background-color:#d4af37;border-color:#b29126}.badge--frontend,.badge--javascript,.badge--vue,.badge--react,.badge--css{background-color:#d4af37;border-color:#b29126}.badge--database,.badge--mysql,.badge--postgresql,.badge--redis{background-color:#059669;border-color:#047857}.badge--business,.badge--experience,.badge--leadership{background-color:#1e293b;border-color:#1A202C}.badge--payment,.badge--marketing,.badge--seo{background-color:#DC2626;border-color:#B91C1C}.badge--development,.badge--tools,.badge--framework{background-color:#7C2D12;border-color:#92400E}.badge--small{padding:2px .25rem;font-size:0.75rem}.badge--large{padding:.5rem 1rem;font-size:1rem}.badge--outline{background-color:transparent;color:#1e293b;border-color:#e2e8f0}.badge--outline:hover{background-color:#fafafa;border-color:#0f172a;color:#0f172a}.badge--subtle{background-color:#fafafa;color:#111827;border-color:#e2e8f0}.badge--subtle:hover{background-color:#e2e8f0;color:#1e293b}.tech-tag-modern{display:inline-block;padding:4px 12px;border-radius:16px;font-size:0.8rem;font-weight:500;color:#fff;white-space:nowrap;transition:all 0.3s ease-in-out;border:1px solid transparent;margin:2px}.tech-tag-modern.tech-tag--platform,.tech-tag-modern.tech-tag--backend,.tech-tag-modern.tech-tag--development{background-color:#0f172a;border-color:#020617}.tech-tag-modern.tech-tag--intelligence,.tech-tag-modern.tech-tag--ai,.tech-tag-modern.tech-tag--content{background-color:#7C3AED;border-color:#6D28D9}.tech-tag-modern.tech-tag--marketing,.tech-tag-modern.tech-tag--advertising,.tech-tag-modern.tech-tag--social{background-color:#DC2626;border-color:#B91C1C}.tech-tag-modern.tech-tag--integration,.tech-tag-modern.tech-tag--tooling,.tech-tag-modern.tech-tag--community{background-color:#d4af37;border-color:#b29126}.tech-tag-modern.tech-tag--payment,.tech-tag-modern.tech-tag--fintech,.tech-tag-modern.tech-tag--security{background-color:#059669;border-color:#047857}.tech-tag-modern.tech-tag--experience,.tech-tag-modern.tech-tag--support,.tech-tag-modern.tech-tag--authentication{background-color:#1e293b;border-color:#1A202C}.tech-tag-modern:not([class*="tech-tag--"]){background-color:#475569;border-color:#1e293b}.tech-tag-modern:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.tech-more{display:inline-block;padding:4px 12px;border-radius:16px;font-size:0.8rem;font-weight:500;color:#1e293b;background-color:#fafafa;border:1px solid #e2e8f0;margin:2px}.badge-group{display:flex;flex-wrap:wrap;gap:.25rem}.badge-group--centered{justify-content:center}.badge-group--spaced{gap:.5rem}.under-construction-banner{background-color:#fff3cd;color:#856404;padding:10px 0;text-align:center;font-weight:bold;border-bottom:1px solid #ffeeba;position:sticky;top:0;width:100%;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.under-construction-banner p{margin:0;font-size:1em}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.content{padding:0 0 1.5rem}.page-header{background-color:#e2e8f0;padding:1.5rem 0;text-align:center}.page-header h1{font-size:2.5rem;color:#0f172a;margin-bottom:.5rem}.page-header .hero-image{max-width:100%;height:auto;margin-top:1rem;border-radius:8px}.breadcrumb{margin-top:.5rem;font-size:.875rem;color:#475569}.breadcrumb a{color:#475569;text-decoration:none}.breadcrumb a:hover{color:#1e293b}.breadcrumb span{font-weight:500;color:#0f172a}.breadcrumb a+span::before,.breadcrumb a+a::before{content:'/ ';margin:0 5px}.page-content{display:flex;gap:1.5rem}@media (max-width: 768px){.page-content{flex-direction:column}}.page-content .main-content{flex:3}.page-content .sidebar{flex:1;padding-left:1rem;border-left:1px solid #e2e8f0}@media (max-width: 768px){.page-content .sidebar{border-left:none;padding-left:0;border-top:1px solid #e2e8f0;padding-top:1rem;margin-top:1rem}}.project-content,.case-study-content{padding:1.5rem 0}.project-content .project-section,.project-content .case-study-section,.case-study-content .project-section,.case-study-content .case-study-section{margin-bottom:1.5rem}.project-content .project-section h2,.project-content .case-study-section h2,.case-study-content .project-section h2,.case-study-content .case-study-section h2{font-size:2rem;color:#0f172a;margin-bottom:1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.project-content .project-section ul,.project-content .case-study-section ul,.case-study-content .project-section ul,.case-study-content .case-study-section ul{list-style:disc;margin-left:1rem}.project-content .project-section ul li,.project-content .case-study-section ul li,.case-study-content .project-section ul li,.case-study-content .case-study-section ul li{margin-bottom:.25rem}.tech-badges{display:flex;flex-wrap:wrap;gap:.25rem}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}.project-gallery img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.timeline{position:relative;padding-left:1rem;border-left:2px solid #e2e8f0}.timeline .timeline-item{margin-bottom:1.5rem;position:relative}.timeline .timeline-item::before{content:'';position:absolute;left:-1.3125rem;top:5px;width:10px;height:10px;background-color:#1e293b;border-radius:50%;border:2px solid #fff}.timeline .timeline-date{font-size:.875rem;color:#475569;margin-bottom:.25rem}.timeline .timeline-content h3{font-size:1.25rem;color:#0f172a;margin-bottom:.25rem}.timeline .timeline-content p{font-size:1rem;color:#475569}.testimonials .testimonial{background-color:#e2e8f0;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #94a3b8}.testimonials .testimonial p{font-style:italic;margin-bottom:.5rem}.testimonials .testimonial footer{font-size:.875rem;text-align:right;color:#475569}.about-section{padding:2rem 0}.about-section .about-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 768px){.about-section .about-grid{grid-template-columns:1fr}}.about-section .about-content .lead-paragraph{font-size:1.125rem;color:#0f172a;margin-bottom:1.5rem}.about-section .about-content h2,.about-section .about-content h3{color:#0f172a;margin-bottom:1rem}.about-section .about-content ul{list-style:disc;margin-left:1rem;margin-bottom:1rem}.about-section .about-sidebar .metrics-summary,.about-section .about-sidebar .skills-summary{margin-bottom:1.5rem}.about-section .about-sidebar .metrics-summary h3,.about-section .about-sidebar .skills-summary h3{color:#0f172a;margin-bottom:1rem}.about-section .about-sidebar .metrics-summary ul,.about-section .about-sidebar .skills-summary ul{list-style:none;padding:0}.about-section .about-sidebar .metrics-summary ul li,.about-section .about-sidebar .skills-summary ul li{margin-bottom:.25rem;color:#475569}.about-section .about-sidebar .metrics-summary ul li strong,.about-section .about-sidebar .skills-summary ul li strong{color:#0f172a}body.dark-mode .about-section .about-content .lead-paragraph{color:#111827}body.dark-mode .about-section .about-content h2,body.dark-mode .about-section .about-content h3{color:#111827}body.dark-mode .about-section .about-content ul li{color:#111827}body.dark-mode .about-section .about-content ul li strong{color:#111827}body.dark-mode .about-section .about-sidebar .metrics-summary h3,body.dark-mode .about-section .about-sidebar .skills-summary h3{color:#111827}body.dark-mode .about-section .about-sidebar .metrics-summary ul li,body.dark-mode .about-section .about-sidebar .skills-summary ul li{color:#111827}body.dark-mode .about-section .about-sidebar .metrics-summary ul li strong,body.dark-mode .about-section .about-sidebar .skills-summary ul li strong{color:#111827}.hero-section{background:linear-gradient(180deg, #0f172a 0%, #111827 100%);color:#fff;padding:2rem 0;overflow:hidden;position:relative}.hero-section .container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}@media (max-width: 768px){.hero-section .container{grid-template-columns:1fr;text-align:center}}.hero-section .hero-content{animation:fadeIn 1s ease-out}.hero-section .hero-content .hero-title{font-size:2.5rem;color:#fff;margin-bottom:.5rem;line-height:1.3}.hero-section .hero-content .hero-subtitle{font-size:1.5rem;color:#1e293b;margin-bottom:1rem}.hero-section .hero-content .hero-description{font-size:1.125rem;color:#e2e8f0;line-height:1.8;margin-bottom:1.5rem}.hero-section .hero-content .hero-metrics{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;justify-content:flex-start}@media (max-width: 768px){.hero-section .hero-content .hero-metrics{justify-content:center}}.hero-section .hero-content .hero-metrics .metric-item{text-align:center}.hero-section .hero-content .hero-metrics .metric-item .metric-value{font-size:2rem;font-weight:700;color:#94a3b8;display:block}.hero-section .hero-content .hero-metrics .metric-item .metric-label{font-size:.875rem;color:#e2e8f0}.hero-section .hero-content .hero-actions{display:flex;gap:.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.hero-section .hero-content .hero-actions{justify-content:center}}.hero-section .hero-content .hero-badges{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-start}@media (max-width: 768px){.hero-section .hero-content .hero-badges{justify-content:center}}.hero-section .hero-image{display:flex;justify-content:center;align-items:center;animation:zoomIn 1s ease-out}.hero-section .hero-image img{max-width:100%;height:auto;border-radius:12px;border:4px solid #1e293b;box-shadow:0 10px 25px rgba(0,0,0,0.3)}.quick-wins-section{padding:2rem 0;background-color:#e2e8f0}.quick-wins-section h2{text-align:center;margin-bottom:1.5rem;font-size:2rem;color:#0f172a}.quick-wins-section .quick-wins-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1rem}.quick-wins-section .quick-wins-grid .quick-win-item{text-align:center;padding:1rem}.quick-wins-section .quick-wins-grid .quick-win-item i{font-size:2.5rem;color:#1e293b;margin-bottom:.5rem;display:block}.quick-wins-section .quick-wins-grid .quick-win-item h3{font-size:1.5rem;color:#0f172a;margin-bottom:.5rem}.quick-wins-section .quick-wins-grid .quick-win-item p{color:#475569}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}body.dark-mode .hero-section{background:linear-gradient(180deg, #111827 0%, #0F172A 100%)}body.dark-mode .hero-section .hero-title{color:#111827}body.dark-mode .hero-section .hero-subtitle{color:#94a3b8}body.dark-mode .hero-section .hero-description{color:#111827}body.dark-mode .hero-section .hero-metrics .metric-item .metric-value{color:#94a3b8}body.dark-mode .hero-section .hero-metrics .metric-item .metric-label{color:#111827}body.dark-mode .hero-section .hero-image img{border:4px solid #94a3b8}body.dark-mode .quick-wins-section{background-color:#1E293B}body.dark-mode .quick-wins-section h2{color:#111827}body.dark-mode .quick-wins-section .quick-win-item{background-color:#0F172A}body.dark-mode .quick-wins-section .quick-win-item i{color:#94a3b8}body.dark-mode .quick-wins-section .quick-win-item h3{color:#111827}body.dark-mode .quick-wins-section .quick-win-item p{color:#111827}.expertise-overview-section{padding:2rem 0}.expertise-overview-section h2{text-align:center;margin-bottom:1.5rem;font-size:2rem;color:#0f172a}.expertise-overview-section .expertise-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}.expertise-overview-section .expertise-grid .expertise-item{text-align:center}.expertise-overview-section .expertise-grid .expertise-item h3{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.expertise-overview-section .expertise-grid .expertise-item p{color:#475569;margin-bottom:1rem}.expertise-overview-section .expertise-grid .expertise-item .btn--link{color:#1e293b;text-decoration:none}.expertise-overview-section .expertise-grid .expertise-item .btn--link:hover{text-decoration:underline}.metrics-section{padding:2rem 0;background-color:#0f172a;color:#fff}.metrics-section h2{text-align:center;margin-bottom:1.5rem;font-size:2rem;color:#fff}.metrics-section .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;text-align:center}.metrics-section .metrics-grid .metric-item{background-color:#1E293B;padding:1rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.metrics-section .metrics-grid .metric-item .metric-value{font-size:2.5rem;font-weight:700;color:#94a3b8;display:block;margin-bottom:.25rem}.metrics-section .metrics-grid .metric-item .metric-label{font-size:1rem;color:#111827}.cta-section{padding:2rem 0;background-color:#1e293b;color:#fff}.cta-section h2{font-size:2rem;margin-bottom:1rem;color:#fff}.cta-section p{font-size:1.125rem;margin-bottom:1.5rem}.cta-section .btn--white{background-color:#fff;color:#1e293b}.cta-section .btn--white:hover{background-color:#f2f2f2}.light-gray-bg{background-color:#e2e8f0}.primary-blue-bg{background-color:#1e293b}.projects-list-section{padding:2rem 0}.projects-list-section .section-description{font-size:1.125rem;color:#475569;text-align:center;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.projects-list-section .project-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.projects-list-section .project-filters .filter-group{display:flex;flex-direction:column}.projects-list-section .project-filters .filter-group label{font-size:.875rem;color:#475569;margin-bottom:.125rem}.projects-list-section .project-filters .filter-group select{padding:.25rem;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;color:#0f172a;font-size:1rem;min-width:180px}.projects-list-section .project-filters .filter-group select:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 2px rgba(30,41,59,0.2)}.projects-list-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}@media (min-width: 1024px){.projects-list-section .projects-grid{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 768px) and (max-width: 1023px){.projects-list-section .projects-grid{grid-template-columns:repeat(2, 1fr)}}.projects-list-section .project-card a{text-decoration:none;color:inherit}.projects-list-section .project-card .project-thumbnail{width:100%;height:200px;object-fit:cover;border-radius:8px 8px 0 0}.projects-list-section .project-card .card-content{padding:1rem}.projects-list-section .project-card .card-content h3{font-size:1.25rem;color:#0f172a;margin-bottom:.25rem}.projects-list-section .project-card .card-content .project-tagline{font-size:.875rem;color:#475569;margin-bottom:.5rem}.projects-list-section .project-card .card-content .project-meta{font-size:.875rem;color:#475569;margin-bottom:.5rem}.projects-list-section .project-card .card-content .project-meta .meta-item{margin-right:.5rem}.projects-list-section .project-card .card-content .tech-badges{margin-top:.5rem}.projects-list-section .project-card .business-metrics{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.projects-list-section .project-card .business-metrics .metric-item{font-size:.875rem;color:#1e293b;font-weight:500}.projects-list-section .project-card .card-actions{padding:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.5rem}.projects-list-section .no-projects{text-align:center;font-size:1.125rem;color:#475569;padding:1.5rem 0}.case-studies-list-section{padding:2rem 0}.case-studies-list-section .section-description{font-size:1.125rem;color:#475569;text-align:center;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.case-studies-list-section .case-studies-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}.case-studies-list-section .case-study-card a{text-decoration:none;color:inherit}.case-studies-list-section .case-study-card .case-study-thumbnail{width:100%;height:200px;object-fit:cover;border-radius:8px 8px 0 0}.case-studies-list-section .case-study-card .card-content{padding:1rem}.case-studies-list-section .case-study-card .card-content h3{font-size:1.25rem;color:#0f172a;margin-bottom:.25rem}.case-studies-list-section .case-study-card .card-content .case-study-tagline{font-size:.875rem;color:#475569;margin-bottom:.5rem}.case-studies-list-section .case-study-card .card-content .case-study-meta{font-size:.875rem;color:#475569;margin-bottom:.5rem}.case-studies-list-section .case-study-card .card-content .case-study-meta .meta-item{margin-right:.5rem}.case-studies-list-section .case-study-card .card-content .tech-badges{margin-top:.5rem}.case-studies-list-section .case-study-card .card-content .summary-preview{font-size:1rem;color:#475569;margin-top:.5rem}.case-studies-list-section .case-study-card .card-actions{padding:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.5rem}.case-studies-list-section .no-case-studies{text-align:center;font-size:1.125rem;color:#475569;padding:1.5rem 0}.case-study-page .case-study-header-section{background-color:#0f172a;color:#fff;padding:1.5rem 0;text-align:center}.case-study-page .case-study-header-section h1{font-size:2.5rem;margin-bottom:.5rem}.case-study-page .case-study-header-section .case-study-tagline{font-size:1.125rem;color:#111827}.case-study-page .case-study-header-section .case-study-meta{font-size:1rem;color:#111827;margin-top:1rem}.case-study-page .case-study-header-section .case-study-meta .meta-item{margin:0 .25rem}.case-study-page .case-study-main-content{display:grid;grid-template-columns:3fr 1fr;gap:1.5rem;padding:2rem 0}@media (max-width: 768px){.case-study-page .case-study-main-content{grid-template-columns:1fr}}.case-study-page .case-study-content-area .case-study-section{margin-bottom:1.5rem}.case-study-page .case-study-content-area .case-study-section h2{font-size:2rem;color:#0f172a;margin-bottom:1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.case-study-page .case-study-content-area .case-study-section p{margin-bottom:.5rem}.case-study-page .case-study-content-area .case-study-section ul{list-style:disc;margin-left:1rem;margin-bottom:1rem}.case-study-page .case-study-content-area .case-study-section .metrics-charts,.case-study-page .case-study-content-area .case-study-section .case-study-gallery{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin-top:1rem}.case-study-page .case-study-content-area .case-study-section .metrics-charts img,.case-study-page .case-study-content-area .case-study-section .case-study-gallery img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.case-study-page .case-study-sidebar .card{margin-bottom:1.5rem}.case-study-page .case-study-sidebar .card h3{color:#0f172a;margin-bottom:1rem}.case-study-page .case-study-sidebar .card ul{list-style:none;padding:0}.case-study-page .case-study-sidebar .card ul li{margin-bottom:.25rem;color:#475569}.case-study-page .case-study-sidebar .card ul li strong{color:#0f172a}.case-study-page .case-study-sidebar .card .tech-badges{margin-top:.5rem}.case-study-page .case-study-sidebar .card p{color:#475569;margin-bottom:1rem}.case-study-navigation{background-color:#e2e8f0;padding:1.5rem 0;text-align:center}.case-study-navigation h3{color:#0f172a;margin-bottom:1rem}.case-study-navigation .navigation-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}@media (max-width: 480px){.case-study-navigation .navigation-links{flex-direction:column}}.case-study-navigation .similar-projects{margin-bottom:1.5rem}.case-study-navigation .similar-projects h4{color:#0f172a;margin-bottom:.5rem}.case-study-navigation .similar-projects ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.case-study-navigation .similar-projects ul li a{color:#1e293b;text-decoration:none}.case-study-navigation .similar-projects ul li a:hover{text-decoration:underline}.case-study-navigation .cta-discussion p{font-size:1.125rem;color:#475569;margin-bottom:1rem}.case-study-navigation{background-color:#e2e8f0;padding:1.5rem 0;text-align:center}.case-study-navigation h3{color:#0f172a;margin-bottom:1rem}.case-study-navigation .navigation-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}@media (max-width: 480px){.case-study-navigation .navigation-links{flex-direction:column}}.case-study-navigation .similar-projects{margin-bottom:1.5rem}.case-study-navigation .similar-projects h4{color:#0f172a;margin-bottom:.5rem}.case-study-navigation .similar-projects ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.case-study-navigation .similar-projects ul li a{color:#1e293b;text-decoration:none}.case-study-navigation .similar-projects ul li a:hover{text-decoration:underline}.case-study-navigation .cta-discussion p{font-size:1.125rem;color:#475569;margin-bottom:1rem}.blog-list-section{padding:2rem 0}.blog-list-section .section-description{font-size:1.125rem;color:#475569;text-align:center;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.blog-list-section .post-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}.blog-list-section .post-item .card-content{padding:1rem}.blog-list-section .post-item .card-content .post-title{font-size:1.25rem;color:#0f172a;margin-bottom:.25rem}.blog-list-section .post-item .card-content .post-title a{text-decoration:none;color:inherit}.blog-list-section .post-item .card-content .post-title a:hover{color:#1e293b}.blog-list-section .post-item .card-content .post-meta{font-size:.875rem;color:#475569;margin-bottom:.5rem}.blog-list-section .post-item .card-content .post-excerpt{font-size:1rem;color:#475569;margin-bottom:1rem}.blog-list-section .no-posts{text-align:center;font-size:1.125rem;color:#475569;padding:1.5rem 0}.contact-section{padding:2rem 0}.contact-section .section-description{font-size:1.125rem;color:#475569;text-align:center;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.contact-section .contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 768px){.contact-section .contact-grid{grid-template-columns:1fr}}.contact-section .contact-form-wrapper{display:flex;justify-content:center;max-width:800px;margin:0 auto}.contact-section .contact-form-wrapper .contact-form-container{width:100%;max-width:600px;min-width:0}.contact-section .contact-form-container,.contact-section .contact-info-container{padding:1.5rem}.contact-section .contact-form-container h3,.contact-section .contact-info-container h3{color:#0f172a;margin-bottom:1rem}.contact-section .contact-form-container p,.contact-section .contact-info-container p{color:#475569;margin-bottom:1rem}.contact-section .contact-form-container ul,.contact-section .contact-info-container ul{list-style:none;padding:0}.contact-section .contact-form-container ul li,.contact-section .contact-info-container ul li{margin-bottom:.5rem;color:#475569}.contact-section .contact-form-container ul li strong,.contact-section .contact-info-container ul li strong{color:#0f172a}.contact-section .contact-form-container ul li a,.contact-section .contact-info-container ul li a{color:#1e293b;text-decoration:none}.contact-section .contact-form-container ul li a:hover,.contact-section .contact-info-container ul li a:hover{text-decoration:underline}.contact-section .contact-form .form-group{margin-bottom:1rem}.contact-section .contact-form .form-group label{display:block;font-weight:500;color:#0f172a;margin-bottom:.25rem}.contact-section .contact-form .form-group input[type="text"],.contact-section .contact-form .form-group input[type="email"],.contact-section .contact-form .form-group textarea{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;color:#0f172a;background-color:#fff}.contact-section .contact-form .form-group input[type="text"]:focus,.contact-section .contact-form .form-group input[type="email"]:focus,.contact-section .contact-form .form-group textarea:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 2px rgba(30,41,59,0.2)}.contact-section .contact-form .form-group textarea{resize:vertical}.contact-section .contact-form .form-note{font-size:.875rem;color:#475569;margin-top:.5rem}body.dark-mode .case-studies-list-section .section-description{color:#111827}body.dark-mode .case-studies-list-section .case-study-card{background-color:#1E293B}body.dark-mode .case-studies-list-section .case-study-card .card-content h3{color:#111827}body.dark-mode .case-studies-list-section .case-study-card .card-content .case-study-tagline,body.dark-mode .case-studies-list-section .case-study-card .card-content .case-study-meta,body.dark-mode .case-studies-list-section .case-study-card .card-content .summary-preview{color:#111827}body.dark-mode .case-studies-list-section .case-study-card .card-actions{border-top-color:#0F172A}body.dark-mode .case-studies-list-section .no-case-studies{color:#111827}body.dark-mode .case-study-page .case-study-header-section{background-color:#1E293B}body.dark-mode .case-study-page .case-study-header-section h1{color:#111827}body.dark-mode .case-study-page .case-study-header-section .case-study-tagline,body.dark-mode .case-study-page .case-study-header-section .case-study-meta{color:#111827}body.dark-mode .case-study-page .case-study-main-content .case-study-content-area .case-study-section h2{color:#111827;border-bottom-color:#1E293B}body.dark-mode .case-study-page .case-study-main-content .case-study-content-area .case-study-section p{color:#111827}body.dark-mode .case-study-page .case-study-main-content .case-study-content-area .case-study-section ul li{color:#111827}body.dark-mode .case-study-page .case-study-main-content .case-study-content-area .case-study-section .metrics-charts img,body.dark-mode .case-study-page .case-study-main-content .case-study-content-area .case-study-section .case-study-gallery img{box-shadow:0 4px 6px rgba(0,0,0,0.2)}body.dark-mode .case-study-page .case-study-main-content .case-study-sidebar .card{background-color:#1E293B}body.dark-mode .case-study-page .case-study-main-content .case-study-sidebar .card h3{color:#111827}body.dark-mode .case-study-page .case-study-main-content .case-study-sidebar .card ul li{color:#111827}body.dark-mode .case-study-page .case-study-main-content .case-study-sidebar .card ul li strong{color:#111827}body.dark-mode .case-study-page .case-study-main-content .case-study-sidebar .card p{color:#111827}body.dark-mode .case-study-navigation{background-color:#1E293B}body.dark-mode .case-study-navigation h3,body.dark-mode .case-study-navigation h4{color:#111827}body.dark-mode .case-study-navigation .similar-projects ul li a{color:#94a3b8}body.dark-mode .case-study-navigation .similar-projects ul li a:hover{color:#b3bdcc}body.dark-mode .case-study-navigation .cta-discussion p{color:#111827}body.dark-mode .blog-list-section .section-description{color:#111827}body.dark-mode .blog-list-section .post-item{background-color:#1E293B}body.dark-mode .blog-list-section .post-item .card-content .post-title a{color:#111827}body.dark-mode .blog-list-section .post-item .card-content .post-title a:hover{color:#94a3b8}body.dark-mode .blog-list-section .post-item .card-content .post-meta,body.dark-mode .blog-list-section .post-item .card-content .post-excerpt{color:#111827}body.dark-mode .blog-list-section .no-posts{color:#111827}body.dark-mode .contact-section .section-description{color:#111827}body.dark-mode .contact-section .contact-form-container,body.dark-mode .contact-section .contact-info-container{background-color:#1E293B}body.dark-mode .contact-section .contact-form-container h3,body.dark-mode .contact-section .contact-info-container h3{color:#111827}body.dark-mode .contact-section .contact-form-container p,body.dark-mode .contact-section .contact-info-container p{color:#111827}body.dark-mode .contact-section .contact-form-container ul li,body.dark-mode .contact-section .contact-info-container ul li{color:#111827}body.dark-mode .contact-section .contact-form-container ul li strong,body.dark-mode .contact-section .contact-info-container ul li strong{color:#111827}body.dark-mode .contact-section .contact-form-container ul li a,body.dark-mode .contact-section .contact-info-container ul li a{color:#94a3b8}body.dark-mode .contact-section .contact-form-container ul li a:hover,body.dark-mode .contact-section .contact-info-container ul li a:hover{color:#b3bdcc}body.dark-mode .contact-section .contact-form .form-group label{color:#111827}body.dark-mode .contact-section .contact-form .form-group input[type="text"],body.dark-mode .contact-section .contact-form .form-group input[type="email"],body.dark-mode .contact-section .contact-form .form-group textarea{background-color:#0F172A;border-color:#1E293B;color:#111827}body.dark-mode .contact-section .contact-form .form-group input[type="text"]:focus,body.dark-mode .contact-section .contact-form .form-group input[type="email"]:focus,body.dark-mode .contact-section .contact-form .form-group textarea:focus{border-color:#94a3b8;box-shadow:0 0 0 2px rgba(148,163,184,0.2)}body.dark-mode .contact-section .contact-form .form-note{color:#111827}.footer{background:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #475569 100%);color:#fff;padding:3rem 0 1.5rem;margin-top:0}.footer .container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.footer .footer-grid{grid-template-columns:1fr;gap:1.5rem;text-align:center}}.footer .footer-section h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:1rem;font-family:"Poppins",sans-serif}.footer .footer-section p{color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:1rem}.footer .footer-links{list-style:none;padding:0;margin:0}.footer .footer-links li{margin-bottom:.5rem}.footer .footer-links li a{color:rgba(255,255,255,0.8);text-decoration:none;transition:all 0.3s ease-in-out;font-weight:500}.footer .footer-links li a:hover{color:#fff;text-decoration:none;transform:translateX(4px)}.footer .social-icons{display:flex;gap:1rem}@media (max-width: 768px){.footer .social-icons{justify-content:center}}.footer .social-icons .social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);border-radius:50%;color:rgba(255,255,255,0.8);text-decoration:none;transition:all 0.3s ease-in-out}.footer .social-icons .social-icon:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);color:#fff;transform:translateY(-2px);text-decoration:none}.footer .social-icons .social-icon svg{width:20px;height:20px}.footer .footer-bottom{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.2);text-align:center}.footer .footer-bottom p{margin:0;color:rgba(255,255,255,0.7);font-size:.875rem;margin-bottom:.25rem}.footer .footer-bottom p:last-child{margin-bottom:0}.footer .footer-bottom .heart{color:#dc2626;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%, 100%{transform:scale(1)}50%{transform:scale(1.1)}}body.dark-mode .footer{background:linear-gradient(135deg, #0F172A 0%, #1E293B 100%)}body.dark-mode .footer .footer-section h3{color:#111827}body.dark-mode .footer .footer-section p{color:#111827}body.dark-mode .footer .footer-links li a{color:#111827}body.dark-mode .footer .footer-links li a:hover{color:#d4af37}body.dark-mode .footer .social-icons .social-icon{background:rgba(212,175,55,0.1);border-color:rgba(212,175,55,0.3);color:#111827}body.dark-mode .footer .social-icons .social-icon:hover{background:rgba(212,175,55,0.2);border-color:#d4af37;color:#d4af37}body.dark-mode .footer .footer-bottom{border-top-color:rgba(17,24,39,0.2)}body.dark-mode .footer .footer-bottom p{color:#111827}@media (max-width: 480px){.footer{padding:2rem 0 1rem}.footer .footer-grid{gap:1rem}.footer .footer-section h3{font-size:1.1rem}.footer .footer-section p{font-size:.875rem}.footer .social-icons .social-icon{width:40px;height:40px}.footer .social-icons .social-icon svg{width:18px;height:18px}}.nav-modern{position:fixed;top:0;left:0;right:0;z-index:1050;background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(226,232,240,0.5);box-shadow:0 1px 3px rgba(0,0,0,0.05);transition:all 0.3s ease-in-out;margin:0;padding-top:env(safe-area-inset-top, 0)}.nav-modern.scrolled{background:rgba(255,255,255,0.98) !important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}:root{--nav-offset: 72px}html{scroll-padding-top:var(--nav-offset, 72px)}body{padding-top:var(--nav-offset, 72px);margin-top:0}@media (max-width: 1024px){:root{--nav-offset: 72px}body{padding-top:var(--nav-offset, 72px);margin-top:0}}.content{margin-top:0;padding-top:0}.header-container{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 1.25rem;max-width:1200px;margin:0 auto}.main-navigation,.header-nav{flex:1 1 auto;overflow:visible}.nav-modern{overflow:visible}.header-nav{display:flex;justify-content:center}.nav-links{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;flex-wrap:nowrap;justify-content:center}.nav-item{flex:0 0 auto}.nav-actions{display:flex;align-items:center}.nav-actions .btn,.nav-actions .btn-modern{white-space:nowrap;padding:.5rem 1.5rem}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.nav-link{position:relative;padding:.35rem .6rem;color:#374151;text-decoration:none;transition:all .3s ease}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg, #0f172a 0%, #059669 100%);transition:all .3s ease;transform:translateX(-50%)}.nav-link:hover,.nav-link.active{color:#0f172a}.nav-link:hover::after,.nav-link.active::after{width:80%}.nav-item.has-submenu{position:relative}.nav-item .chevron{margin-left:.25rem;font-size:.8em;opacity:.7}.submenu{display:none !important;position:absolute;top:100%;margin-top:8px;left:0;min-width:200px;background:#fff;border:1px solid rgba(226,232,240,0.8);border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.08);padding:.4rem;list-style:none;z-index:1100}.submenu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:transparent}.submenu-item{margin:0}.submenu-link{display:block;padding:.45rem .65rem;color:#0f172a;border-radius:.45rem;text-decoration:none;white-space:nowrap;font-size:.95rem}.submenu-link:hover{background:rgba(15,23,42,0.06)}.nav-item.has-submenu:hover>.submenu,.nav-item.has-submenu:focus-within>.submenu,.nav-item.has-submenu.open>.submenu{display:block !important}.mobile-submenu{list-style:none;padding-left:1rem;margin:.25rem 0 .5rem}.mobile-submenu-link{font-size:.95rem;opacity:.9}@media (max-width: 1024px){.mobile-submenu{display:none}.mobile-item.open>.mobile-submenu{display:block}}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .3s ease}.mobile-menu-btn:hover{background-color:rgba(0,0,0,0.05)}.hamburger-line{display:block;height:2px;width:100%;background:#374151;border-radius:1px;transition:all .3s ease}.mobile-menu-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}.mobile-nav{position:fixed;top:var(--nav-offset, 72px);left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999;max-height:0;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.mobile-nav.open{max-height:400px;border-bottom:1px solid rgba(226,232,240,0.5)}@media (max-width: 1024px){.mobile-nav{display:block !important}}.mobile-nav ul{list-style:none;padding:1rem;margin:0}.mobile-nav li{margin-bottom:.5rem}.mobile-nav-link{display:block;padding:.75rem 1rem;color:#374151;text-decoration:none;border-radius:.5rem;transition:all .3s ease}.mobile-nav-link:hover,.mobile-nav-link.active{background:rgba(15,23,42,0.1);color:#0f172a}@media (max-width: 1024px){.main-navigation{display:none}.nav-actions .btn,.nav-actions .btn-modern{display:none}.mobile-menu-btn{display:flex !important}.nav-actions{display:flex !important;justify-content:flex-end}}@media (min-width: 769px) and (max-width: 992px){.header-container{padding:0 1rem}.nav-links{gap:.5rem}.nav-link{padding:.35rem .6rem;font-size:.9rem}}.main-navigation{background-color:rgba(255,255,255,0.95);backdrop-filter:blur(5px);padding:.5rem 0;position:sticky;top:0;z-index:1000;box-shadow:none}.main-navigation .container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.main-navigation .logo{font-weight:700;font-size:1.25rem}.main-navigation .logo a{color:#0f172a;text-decoration:none;transition:color 0.3s ease}.main-navigation .logo a:hover{color:#1e293b}.main-navigation .nav-menu{display:flex;align-items:center}@media (max-width: 768px){.main-navigation .nav-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s ease;padding:1rem}.main-navigation .nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}}.main-navigation .mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#0f172a;cursor:pointer;padding:.25rem}@media (max-width: 768px){.main-navigation .mobile-menu-toggle{display:block}}.main-navigation .mobile-menu-toggle:hover{color:#1e293b}@media (max-width: 768px){.main-navigation .hide-on-mobile{display:none}}@media (min-width: 769px){.main-navigation .show-on-mobile{display:none}}.header-actions{display:flex;align-items:center;gap:.5rem}.theme-switcher{background:none;border:none;cursor:pointer;color:#0f172a;padding:0;display:flex;align-items:center;justify-content:center}.theme-switcher svg{width:24px;height:24px}.theme-switcher:hover{color:#1e293b}.main-nav-list{display:flex;list-style:none;margin:0;padding:0}@media (max-width: 768px){.main-nav-list{flex-direction:column;width:100%}}.main-nav-item{margin-left:1rem}.main-nav-item:first-child{margin-left:0}@media (max-width: 768px){.main-nav-item{margin:.25rem 0;text-align:center}}.main-nav-item a{color:#0f172a;text-decoration:none;font-weight:500;padding:5px 0;position:relative;transition:color 0.3s ease;display:block}.main-nav-item a::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#1e293b;transition:width 0.3s ease-in-out}.main-nav-item a:hover::after,.main-nav-item a.active::after{width:100%}.main-nav-item a:hover{color:#1e293b}.sub-nav-list{display:none;list-style:none;padding:0;margin:.25rem 0 0 0;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:4px;position:absolute;min-width:160px}@media (max-width: 768px){.sub-nav-list{position:static;background-color:transparent;box-shadow:none;text-align:center}}.sub-nav-list li{margin:0}.sub-nav-list li a{padding:.25rem .5rem;display:block;color:#0f172a}.sub-nav-list li a:hover{background-color:#e2e8f0;text-decoration:none}.main-nav-item:hover .sub-nav-list{display:block}body.dark-mode .main-navigation{background-color:rgba(30,41,59,0.95);box-shadow:0 2px 5px rgba(0,0,0,0.2)}body.dark-mode .main-navigation .logo a{color:#111827}body.dark-mode .main-navigation .logo a:hover{color:#94a3b8}@media (max-width: 768px){body.dark-mode .main-navigation .nav-menu{background-color:#1E293B}}body.dark-mode .main-navigation .mobile-menu-toggle{color:#111827}body.dark-mode .main-navigation .mobile-menu-toggle:hover{color:#94a3b8}body.dark-mode .theme-switcher{color:#111827}body.dark-mode .theme-switcher:hover{color:#94a3b8}body.dark-mode .main-nav-item a{color:#111827}body.dark-mode .main-nav-item a::after{background-color:#94a3b8}body.dark-mode .main-nav-item a:hover{color:#94a3b8}body.dark-mode .sub-nav-list{background-color:#1E293B;box-shadow:0 2px 5px rgba(0,0,0,0.2)}body.dark-mode .sub-nav-list li a{color:#111827}body.dark-mode .sub-nav-list li a:hover{background-color:#27354c}.page-header{margin-top:12px}.page-content{padding-top:12px}.services-section h3,.formations-section h3{margin-top:1.25rem}.page-hero-section{background:linear-gradient(135deg, rgba(37,99,235,0.08) 0%, rgba(147,197,253,0.12) 100%);padding:0 0 .5rem;position:relative;overflow:hidden}.page-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%, rgba(59,130,246,0.1) 0%, transparent 50%),radial-gradient(circle at 75% 75%, rgba(147,51,234,0.08) 0%, transparent 50%);pointer-events:none;animation:hero-float 20s ease-in-out infinite}.page-hero-section .breadcrumb{margin-bottom:1rem;position:relative;z-index:10}.page-hero-section .breadcrumb a,.page-hero-section .breadcrumb span{font-size:.875rem;font-weight:500;padding:.5rem 1rem;background:transparent;border-radius:9999px;text-decoration:none;transition:250ms ease-in-out;margin-right:.5rem;box-shadow:none;border:none}.page-hero-section .breadcrumb a{color:#374151}.page-hero-section .breadcrumb a:hover{background:transparent;color:#0f172a;transform:translateY(-1px);box-shadow:none;text-decoration:none}.page-hero-section .breadcrumb span{color:#0f172a;background:rgba(15,23,42,0.04);border:none}.page-hero-section .hero-content{text-align:center;position:relative;z-index:10;max-width:900px;margin:0 auto}.page-hero-section .hero-content h1{font-size:3.2rem;font-weight:900;margin-bottom:2rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}@media (max-width: 768px){.page-hero-section .hero-content h1{font-size:2.5rem}}@media (max-width: 480px){.page-hero-section .hero-content h1{font-size:2rem}}.page-hero-section .hero-content .section-description{font-size:1.3rem;color:#374151;max-width:750px;margin:0 auto;line-height:1.7;font-weight:400}@media (max-width: 768px){.page-hero-section .hero-content .section-description{font-size:1.2rem}}@media (max-width: 480px){.page-hero-section .hero-content .section-description{font-size:1.1rem}}@keyframes hero-float{0%, 100%{transform:translateY(0px) rotate(0deg);opacity:0.8}33%{transform:translateY(-10px) rotate(1deg);opacity:1}66%{transform:translateY(5px) rotate(-1deg);opacity:0.9}}.page-blog .page-hero-section::before{background-image:radial-gradient(circle at 20% 30%, rgba(16,185,129,0.1) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(59,130,246,0.08) 0%, transparent 50%)}.page-projects .page-hero-section::before{background-image:radial-gradient(circle at 30% 20%, rgba(245,158,11,0.1) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(59,130,246,0.08) 0%, transparent 50%)}.page-skills .page-hero-section::before{background-image:radial-gradient(circle at 40% 25%, rgba(139,92,246,0.1) 0%, transparent 50%),radial-gradient(circle at 60% 75%, rgba(59,130,246,0.08) 0%, transparent 50%)}@media (max-width: 768px){.page-hero-section{padding:3rem 0 2.5rem}.page-hero-section .breadcrumb{margin-bottom:1.5rem;text-align:center}}@media (max-width: 480px){.page-hero-section{padding:2.5rem 0 2rem}}.project-hero-modern,.case-study-hero-modern{background:linear-gradient(135deg, rgba(59,130,246,0.03) 0%, rgba(147,51,234,0.02) 50%, rgba(16,185,129,0.03) 100%);padding:2.5rem 0 2rem;position:relative;border-bottom:1px solid rgba(226,232,240,0.4)}.project-hero-modern::before,.case-study-hero-modern::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%, rgba(59,130,246,0.05) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(147,51,234,0.04) 0%, transparent 50%);opacity:0.4;pointer-events:none}.project-hero-modern .hero-content-modern,.case-study-hero-modern .hero-content-modern{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.project-hero-modern .hero-content-modern .project-title-modern,.project-hero-modern .hero-content-modern .case-study-title-modern,.case-study-hero-modern .hero-content-modern .project-title-modern,.case-study-hero-modern .hero-content-modern .case-study-title-modern{font-size:clamp(1.8rem, 4vw, 3rem);font-weight:700;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.3}.project-hero-modern .hero-content-modern .project-tagline-modern,.project-hero-modern .hero-content-modern .case-study-tagline-modern,.case-study-hero-modern .hero-content-modern .project-tagline-modern,.case-study-hero-modern .hero-content-modern .case-study-tagline-modern{font-size:1.125rem;color:#374151;max-width:600px;margin:0 auto;line-height:1.6;font-style:italic;margin-bottom:1.5rem}.project-hero-modern .case-study-meta-modern,.case-study-hero-modern .case-study-meta-modern{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.project-hero-modern .case-study-meta-modern .meta-badge,.case-study-hero-modern .case-study-meta-modern .meta-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem 1rem;background:rgba(255,255,255,0.8);border:1px solid rgba(59,130,246,0.15);border-radius:9999px;font-size:.875rem;font-weight:500;color:#111827;backdrop-filter:blur(10px);transition:250ms ease-in-out}.project-hero-modern .case-study-meta-modern .meta-badge:hover,.case-study-hero-modern .case-study-meta-modern .meta-badge:hover{background:rgba(255,255,255,0.95);transform:translateY(-2px);box-shadow:0 6px 15px rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.3)}.project-hero-modern .project-hero-image,.case-study-hero-modern .project-hero-image{margin-top:2rem;text-align:center}.project-hero-modern .project-hero-image .hero-image-modern,.case-study-hero-modern .project-hero-image .hero-image-modern{max-width:100%;max-height:400px;height:auto;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,0.1);transition:250ms ease-in-out}.project-hero-modern .project-hero-image .hero-image-modern:hover,.case-study-hero-modern .project-hero-image .hero-image-modern:hover{transform:scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,0.15)}@media (max-width: 768px){.project-hero-modern,.case-study-hero-modern{padding:2rem 0 1.5rem}.project-hero-modern .hero-content-modern .project-title-modern,.project-hero-modern .hero-content-modern .case-study-title-modern,.case-study-hero-modern .hero-content-modern .project-title-modern,.case-study-hero-modern .hero-content-modern .case-study-title-modern{font-size:clamp(1.5rem, 6vw, 2.5rem)}.project-hero-modern .hero-content-modern .project-tagline-modern,.project-hero-modern .hero-content-modern .case-study-tagline-modern,.case-study-hero-modern .hero-content-modern .project-tagline-modern,.case-study-hero-modern .hero-content-modern .case-study-tagline-modern{font-size:1rem}.project-hero-modern .case-study-meta-modern,.case-study-hero-modern .case-study-meta-modern{flex-direction:column;align-items:center}.project-hero-modern .case-study-meta-modern .meta-badge,.case-study-hero-modern .case-study-meta-modern .meta-badge{justify-content:center;min-width:200px}}@media (max-width: 480px){.project-hero-modern,.case-study-hero-modern{padding:1.5rem 0 1rem}}.projects-main-section{padding:4rem 0;background:linear-gradient(135deg, rgba(59,130,246,0.02) 0%, rgba(99,102,241,0.03) 100%);min-height:70vh}.projects-filters-modern{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid rgba(226,232,240,0.6)}.projects-filters-modern .filters-header{text-align:center;margin-bottom:2rem}.projects-filters-modern .filters-header h2{font-size:2rem;font-weight:700;color:#111827;margin-bottom:1rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-filters-modern .filters-header p{color:#374151;font-size:1.1rem;margin:0}.projects-filters-modern .filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width: 768px){.projects-filters-modern .filter-buttons{flex-direction:column;align-items:stretch}}.filter-btn-modern{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(99,102,241,0.12) 100%);border:2px solid rgba(59,130,246,0.2);border-radius:9999px;color:#111827;font-weight:600;font-size:.875rem;cursor:pointer;transition:250ms ease-in-out;position:relative;overflow:hidden}.filter-btn-modern::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);transition:250ms ease-in-out;z-index:-1}.filter-btn-modern .filter-icon{font-size:1.2rem;filter:grayscale(20%)}.filter-btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,0.3);border-color:#0f172a;color:#fff}.filter-btn-modern:hover::before{left:0}.filter-btn-modern:hover .filter-icon{filter:none}.filter-btn-modern.active{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff;border-color:#0f172a;box-shadow:0 6px 15px rgba(59,130,246,0.4)}.filter-btn-modern.active::before{left:0}.filter-btn-modern.active .filter-icon{filter:none;animation:pulse-icon 2s infinite}@media (max-width: 768px){.filter-btn-modern{justify-content:center}}.projects-grid-modern{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}@media (max-width: 768px){.projects-grid-modern{grid-template-columns:1fr;gap:1.5rem}}.project-card-modern{background:#fff;border-radius:1rem;padding:0;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid #e5e7eb;transition:250ms ease-in-out;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);height:100%;display:flex;flex-direction:column}.project-card-modern:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);border-color:#e5e7eb}.project-card-modern.fade-in,.project-card-modern.animate-in{opacity:1;transform:translateY(0);transition:all 0.6s ease-out}.project-header-visual{position:relative;height:80px;background:linear-gradient(135deg, rgba(59,130,246,0.06) 0%, rgba(147,51,234,0.04) 50%, rgba(16,185,129,0.06) 100%);border-radius:1rem 1rem 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-header-visual::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%, rgba(59,130,246,0.1) 0%, transparent 50%),radial-gradient(circle at 75% 75%, rgba(147,51,234,0.08) 0%, transparent 50%);opacity:0.3}.project-header-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(59,130,246,0.3) 50%, transparent 100%)}.project-category-badge{background:rgba(255,255,255,0.95);color:#111827;padding:.5rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,0.2);box-shadow:0 4px 12px rgba(0,0,0,0.1);position:relative;z-index:2;transition:250ms ease-in-out}.project-card-modern:hover .project-category-badge{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.project-content{height:100%;display:flex;flex-direction:column;padding:2rem;position:relative;z-index:2;flex-grow:1}.project-header{margin-bottom:1.5rem}.project-header .project-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem;line-height:1.3}.project-header .project-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.project-header .project-meta .project-company{background:linear-gradient(135deg, rgba(59,130,246,0.1) 0%, rgba(99,102,241,0.15) 100%);color:#0f172a;padding:.25rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;border:1px solid rgba(59,130,246,0.2)}.project-header .project-meta .project-role{color:#374151;font-size:.875rem;font-weight:500}.project-description{color:#374151;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.project-tagline{margin-bottom:1.5rem}.project-tagline em{color:#0f172a;font-style:italic;font-weight:500;padding:.5rem 1rem;background:rgba(59,130,246,0.05);border-radius:.75rem;border-left:3px solid #0f172a;display:block}.project-technologies{margin-bottom:1.5rem}.project-technologies .tech-label{display:block;font-weight:600;color:#111827;margin-bottom:.5rem;font-size:.875rem}.project-technologies .tech-list{display:flex;flex-wrap:wrap;gap:.25rem}.project-technologies .tech-list .tech-badge{background:rgba(59,130,246,0.08);color:#0f172a;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:500;border:1px solid rgba(59,130,246,0.2);transition:150ms ease-in-out}.project-technologies .tech-list .tech-badge:hover{background:rgba(59,130,246,0.12);transform:translateY(-1px)}.project-links{display:flex;gap:.5rem;margin-top:auto}.project-links .project-link{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:250ms ease-in-out}.project-links .project-link.demo-link{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff}.project-links .project-link.demo-link:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(59,130,246,0.4)}.project-links .project-link.github-link{background:linear-gradient(135deg, rgba(55,65,81,0.1) 0%, rgba(75,85,99,0.15) 100%);color:#374151;border:1px solid rgba(55,65,81,0.2)}.project-links .project-link.github-link:hover{background:#374151;color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px rgba(55,65,81,0.3)}@keyframes pulse-icon{0%, 100%{transform:scale(1)}50%{transform:scale(1.1)}}.project-card-modern{animation:fadeInUp 0.6s ease-out forwards}.project-card-modern:nth-child(1){animation-delay:.1s}.project-card-modern:nth-child(2){animation-delay:.2s}.project-card-modern:nth-child(3){animation-delay:.3s}.project-card-modern:nth-child(4){animation-delay:.4s}.project-card-modern:nth-child(5){animation-delay:.5s}.project-card-modern:nth-child(6){animation-delay:.6s}.project-card-modern:nth-child(7){animation-delay:.7s}.project-card-modern:nth-child(8){animation-delay:.8s}.project-card-modern:nth-child(9){animation-delay:.9s}.project-card-modern:nth-child(10){animation-delay:1s}.project-card-modern:nth-child(11){animation-delay:1.1s}.project-card-modern:nth-child(12){animation-delay:1.2s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projects-count{text-align:center;color:#374151;font-size:.875rem;font-weight:500;margin:2rem 0;padding:.5rem 1rem;background:rgba(59,130,246,0.05);border-radius:9999px;border:1px solid rgba(59,130,246,0.1);display:inline-block}.blog-hero-section{padding:4rem 0 2.5rem;background:linear-gradient(135deg, rgba(59,130,246,0.03) 0%, rgba(99,102,241,0.05) 100%);position:relative;overflow:hidden}.blog-hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(59,130,246,0.08) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(99,102,241,0.06) 0%, transparent 50%);animation:tech-pulse 8s ease-in-out infinite}.blog-hero-section h1{font-size:2.8rem;font-weight:900;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2}.blog-hero-section .section-description{font-size:1.2rem;color:#374151;max-width:700px;margin:0 auto;line-height:1.7;position:relative;z-index:2}.blog-content-section{padding:3rem 0;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);min-height:70vh;position:relative}.blog-content-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%, rgba(59,130,246,0.03) 0%, transparent 50%),radial-gradient(circle at 75% 75%, rgba(99,102,241,0.02) 0%, transparent 50%);pointer-events:none}.blog-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}@media (max-width: 968px){.blog-grid{grid-template-columns:1fr;gap:2rem}}.blog-filters{background:rgba(255,255,255,0.9);padding:1.5rem;border-radius:.75rem;box-shadow:0 2px 12px rgba(0,0,0,0.05);margin-bottom:2rem;display:flex;gap:1.5rem;flex-wrap:wrap;border:1px solid rgba(226,232,240,0.8);backdrop-filter:blur(8px)}.blog-filters .filter-group{display:flex;flex-direction:column;gap:0.5rem}.blog-filters .filter-group label{font-weight:600;color:#333;font-size:0.9rem}.blog-filters .filter-group select{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;min-width:180px;font-weight:500;color:#111827;transition:250ms ease-in-out}.blog-filters .filter-group select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.post-list-modern{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.post-list-modern{gap:1.5rem}}.post-preview{background:rgba(255,255,255,0.95);border-radius:.75rem;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:250ms ease-in-out;border:1px solid rgba(226,232,240,0.8);position:relative;backdrop-filter:blur(8px)}.post-preview::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);transform:scaleX(0);transition:250ms ease-in-out}.post-preview:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,0.12);background:rgba(255,255,255,0.98)}.post-preview:hover::before{transform:scaleX(1)}.post-preview .post-image{position:relative;width:100%;height:200px;overflow:hidden}.post-preview .post-image img{width:100%;height:100%;object-fit:cover;transition:250ms ease-in-out}.post-preview .post-image .post-category-badge{position:absolute;top:1.5rem;right:1.5rem;padding:.25rem 1rem;background:linear-gradient(135deg, rgba(59,130,246,0.95) 0%, rgba(99,102,241,0.95) 100%);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(59,130,246,0.3)}.post-preview .card-content{padding:1.5rem;height:100%;display:flex;flex-direction:column}.post-preview .post-title{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:#111827;line-height:1.3;flex-grow:0}.post-preview .post-title a{color:inherit;text-decoration:none;transition:150ms ease-in-out}.post-preview .post-title a:hover{color:#0f172a;text-decoration:none}.post-preview .post-meta{font-size:.875rem;color:#374151;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.post-preview .post-meta time{font-weight:500;padding:.25rem 1rem;background:linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(99,102,241,0.12) 100%);color:#0f172a;border-radius:9999px;border:1px solid rgba(59,130,246,0.2)}.post-preview .post-meta .read-time{font-weight:500;padding:.25rem 1rem;background:linear-gradient(135deg, rgba(34,197,94,0.08) 0%, rgba(16,185,129,0.12) 100%);color:#16a34a;border-radius:9999px;border:1px solid rgba(34,197,94,0.2)}.post-preview .post-excerpt{flex-grow:1;color:#374151;line-height:1.6;margin-bottom:1rem;font-size:0.95rem}.post-preview .post-excerpt p{margin:0}.post-preview .post-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.post-preview .post-badges .tag-modern{padding:.25rem 1rem;background:linear-gradient(135deg, rgba(139,92,246,0.08) 0%, rgba(99,102,241,0.12) 100%);color:#7c3aed;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid rgba(139,92,246,0.2);transition:150ms ease-in-out}.post-preview .post-badges .tag-modern:hover{background:linear-gradient(135deg, rgba(139,92,246,0.15) 0%, rgba(99,102,241,0.2) 100%);transform:translateY(-1px);box-shadow:0 2px 4px rgba(139,92,246,0.2)}.post-preview .post-footer{margin-top:auto}.post-preview .post-footer .read-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#0f172a;text-decoration:none;border:2px solid rgba(59,130,246,0.3);border-radius:.75rem;font-weight:600;font-size:0.95rem;transition:250ms ease-in-out}.post-preview .post-footer .read-more-btn:hover{background:#0f172a;color:#fff;border-color:#0f172a;transform:translateX(4px);text-decoration:none;box-shadow:0 4px 12px rgba(59,130,246,0.3)}.post-preview .post-footer .read-more-btn svg{transition:150ms ease-in-out}.post-preview .post-footer .read-more-btn:hover svg{transform:translateX(2px)}.pagination-container{margin-top:3rem;text-align:center;padding:2rem;background:rgba(255,255,255,0.8);border-radius:.75rem;border:1px solid rgba(226,232,240,0.8);backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(0,0,0,0.04)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem}.pagination .pagination-btn{padding:1rem 2rem;border:2px solid rgba(59,130,246,0.2);background:#fff;color:#111827;border-radius:.75rem;cursor:pointer;transition:250ms ease-in-out;font-weight:600;font-size:1rem}.pagination .pagination-btn:hover:not(:disabled){background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff;border-color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.pagination .pagination-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.pagination .pagination-numbers{display:flex;gap:0.25rem}.pagination .pagination-numbers .page-number{padding:.5rem 1rem;border:2px solid rgba(59,130,246,0.2);background:#fff;color:#111827;border-radius:.75rem;cursor:pointer;transition:250ms ease-in-out;font-weight:600}.pagination .pagination-numbers .page-number:hover{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff;border-color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,0.3)}.pagination .pagination-numbers .page-number.active{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff;border-color:#0f172a;box-shadow:0 4px 12px rgba(59,130,246,0.3)}.pagination-info{font-size:.875rem;color:#374151;margin:0;font-weight:500;padding:.5rem 1rem;background:rgba(59,130,246,0.05);border-radius:9999px;border:1px solid rgba(59,130,246,0.1)}.blog-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-widget{background:rgba(255,255,255,0.9);border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,0.05);border:1px solid rgba(226,232,240,0.8);transition:250ms ease-in-out;backdrop-filter:blur(8px)}.sidebar-widget:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.08);background:rgba(255,255,255,0.95)}.sidebar-widget h3{margin:0 0 1.5rem;font-size:1.3rem;font-weight:700;color:#111827;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:3px solid transparent;background-image:linear-gradient(#fff, #fff),linear-gradient(135deg, #0f172a 0%, #1e293b 100%);background-origin:border-box;background-clip:padding-box, border-box;padding-bottom:1rem}.recent-posts-list{display:flex;flex-direction:column;gap:1.5rem}.recent-post-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border-radius:.75rem;transition:250ms ease-in-out;border:1px solid transparent}.recent-post-item:hover{background:linear-gradient(135deg, rgba(59,130,246,0.02) 0%, rgba(99,102,241,0.03) 100%);border-color:rgba(59,130,246,0.1);transform:translateX(4px)}.recent-post-item .recent-post-thumb{flex-shrink:0;width:70px;height:55px;border-radius:.75rem;overflow:hidden;background:linear-gradient(135deg, rgba(59,130,246,0.1) 0%, rgba(99,102,241,0.15) 100%);box-shadow:0 2px 8px rgba(59,130,246,0.15)}.recent-post-item .recent-post-thumb img{width:100%;height:100%;object-fit:cover}.recent-post-item .recent-post-content{flex:1}.recent-post-item .recent-post-content h4{margin:0 0 .25rem;font-size:1rem;line-height:1.4;font-weight:600}.recent-post-item .recent-post-content h4 a{color:#111827;text-decoration:none;transition:150ms ease-in-out}.recent-post-item .recent-post-content h4 a:hover{color:#0f172a;text-decoration:none}.recent-post-item .recent-post-content time{font-size:.75rem;color:#374151;font-weight:500;padding:2px .5rem;background:rgba(59,130,246,0.08);border-radius:.5rem;border:1px solid rgba(59,130,246,0.15)}.categories-list{display:flex;flex-direction:column;gap:1rem}.category-link{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg, rgba(59,130,246,0.05) 0%, rgba(99,102,241,0.08) 100%);border-radius:.75rem;text-decoration:none;color:#111827;transition:250ms ease-in-out;border:1px solid rgba(59,130,246,0.1);position:relative;overflow:hidden}.category-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);transition:250ms ease-in-out;z-index:-1}.category-link:hover{color:#fff;text-decoration:none;transform:translateX(4px)}.category-link:hover::before{left:0}.category-link .category-name{font-weight:600}.category-link .category-count{background:rgba(255,255,255,0.8);color:#0f172a;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:250ms ease-in-out}.category-link:hover .category-count{background:rgba(255,255,255,0.95);color:#0f172a;transform:scale(1.1)}.tags-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{padding:.25rem 1.5rem;background:linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(99,102,241,0.12) 100%);color:#0f172a;border-radius:9999px;font-size:.875rem;font-weight:600;transition:250ms ease-in-out;cursor:pointer;border:1px solid rgba(59,130,246,0.2);position:relative;overflow:hidden}.tag-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);transition:250ms ease-in-out;z-index:-1}.tag-item:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.tag-item:hover::before{left:0}.post-content-wrapper{background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);margin-top:2rem;border-radius:12px 12px 0 0;box-shadow:0 4px 20px rgba(0,0,0,0.08);min-height:60vh;position:relative}@media (max-width: 768px){.post-content-wrapper{margin-top:1rem;border-radius:8px 8px 0 0}}.post-content-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%, rgba(59,130,246,0.02) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(99,102,241,0.015) 0%, transparent 50%);pointer-events:none}.post-content-main{padding:2rem 0;position:relative;z-index:1}@media (max-width: 768px){.post-content-main{padding:1rem 0}}.post-content-main .post-content-area{background:rgba(255,255,255,0.95);border-radius:12px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 2px 16px rgba(0,0,0,0.06);border:1px solid rgba(226,232,240,0.8);backdrop-filter:blur(8px)}@media (max-width: 768px){.post-content-main .post-content-area{padding:2rem;border-radius:8px}}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(59,130,246,0.1);z-index:9999}.reading-progress .reading-progress-bar{height:100%;background:linear-gradient(90deg, #3b82f6 0%, #6366f1 100%);width:0%;transition:width 0.1s ease}.page-blog .post-banner,.post-page .post-banner{position:relative;height:400px;overflow:hidden;margin:0;z-index:1;margin-top:0}@media (max-width: 1200px){.page-blog .post-banner,.post-page .post-banner{height:350px}}@media (max-width: 768px){.page-blog .post-banner,.post-page .post-banner{height:280px}}@media (max-width: 480px){.page-blog .post-banner,.post-page .post-banner{height:220px}}.page-blog .post-banner .post-banner-image,.post-page .post-banner .post-banner-image{width:100%;height:100%;object-fit:cover;object-position:center}[data-banner-position="top"] .page-blog .post-banner .post-banner-image,[data-banner-position="top"] .post-page .post-banner .post-banner-image{object-position:center top}[data-banner-position="bottom"] .page-blog .post-banner .post-banner-image,[data-banner-position="bottom"] .post-page .post-banner .post-banner-image{object-position:center bottom}.page-blog .post-banner .post-banner-overlay,.post-page .post-banner .post-banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5) 100%);backdrop-filter:blur(1px);display:flex;align-items:center;opacity:0.9}.page-blog .post-banner .post-banner-content-bg,.post-page .post-banner .post-banner-content-bg{background:linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(15,23,42,0.9) 50%, rgba(0,0,0,0.8) 100%);border-radius:20px;padding:clamp(1rem, 3.5vw, 2.5rem);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05);position:relative}.page-blog .post-banner .post-banner-content-bg::before,.post-page .post-banner .post-banner-content-bg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, transparent 0%, rgba(59,130,246,0.03) 25%, transparent 50%, rgba(99,102,241,0.03) 75%, transparent 100%);border-radius:20px;pointer-events:none}@media (max-width: 768px){.page-blog .post-banner .post-banner-content-bg,.post-page .post-banner .post-banner-content-bg{padding:1.5rem;border-radius:16px}.page-blog .post-banner .post-banner-content-bg::before,.post-page .post-banner .post-banner-content-bg::before{border-radius:16px}}@media (max-width: 480px){.page-blog .post-banner .post-banner-content-bg,.post-page .post-banner .post-banner-content-bg{padding:1.5rem;border-radius:12px}.page-blog .post-banner .post-banner-content-bg::before,.post-page .post-banner .post-banner-content-bg::before{border-radius:12px}}.page-blog .post-banner .post-banner-content,.post-page .post-banner .post-banner-content{width:100%;color:white}.page-blog .post-banner .post-banner-content .post-breadcrumb,.post-page .post-banner .post-banner-content .post-breadcrumb{margin-bottom:1.5rem;font-size:0.9rem;opacity:0.9}.page-blog .post-banner .post-banner-content .post-breadcrumb a,.post-page .post-banner .post-banner-content .post-breadcrumb a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.2s ease}.page-blog .post-banner .post-banner-content .post-breadcrumb a:hover,.post-page .post-banner .post-banner-content .post-breadcrumb a:hover{color:white}.page-blog .post-banner .post-banner-content .post-breadcrumb .breadcrumb-separator,.post-page .post-banner .post-banner-content .post-breadcrumb .breadcrumb-separator{margin:0 0.5rem;opacity:0.6}.page-blog .post-banner .post-banner-content .post-breadcrumb .breadcrumb-category,.post-page .post-banner .post-banner-content .post-breadcrumb .breadcrumb-category{color:#3b82f6;font-weight:500}@media (max-width: 768px){.page-blog .post-banner .post-banner-content .post-breadcrumb,.post-page .post-banner .post-banner-content .post-breadcrumb{margin-bottom:1rem;font-size:0.8rem}}.page-blog .post-banner .post-banner-content .post-title,.post-page .post-banner .post-banner-content .post-title{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.9),0 2px 4px rgba(0,0,0,0.7),0 4px 8px rgba(0,0,0,0.5),0 8px 16px rgba(0,0,0,0.3);font-family:'Poppins', sans-serif;position:relative;z-index:10;-webkit-text-stroke:0.5px rgba(0,0,0,0.3)}@media (max-width: 1200px){.page-blog .post-banner .post-banner-content .post-title,.post-page .post-banner .post-banner-content .post-title{font-size:2.5rem}}@media (max-width: 768px){.page-blog .post-banner .post-banner-content .post-title,.post-page .post-banner .post-banner-content .post-title{font-size:2rem;margin-bottom:1rem}}@media (max-width: 480px){.page-blog .post-banner .post-banner-content .post-title,.post-page .post-banner .post-banner-content .post-title{font-size:1.75rem}}.page-blog .post-banner .post-banner-content .post-meta .meta-primary,.post-page .post-banner .post-banner-content .post-meta .meta-primary{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.page-blog .post-banner .post-banner-content .post-meta .meta-primary>span,.post-page .post-banner .post-banner-content .post-meta .meta-primary>span{display:flex;align-items:center;gap:0.5rem;font-size:0.95rem;font-weight:600;background:rgba(255,255,255,0.25);color:#ffffff;padding:0.6rem 1.2rem;border-radius:30px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 4px 12px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);text-shadow:0 1px 2px rgba(0,0,0,0.5)}.page-blog .post-banner .post-banner-content .post-meta .meta-primary>span i,.post-page .post-banner .post-banner-content .post-meta .meta-primary>span i{opacity:1;text-shadow:none}@media (max-width: 768px){.page-blog .post-banner .post-banner-content .post-meta .meta-primary,.post-page .post-banner .post-banner-content .post-meta .meta-primary{gap:1rem}.page-blog .post-banner .post-banner-content .post-meta .meta-primary>span,.post-page .post-banner .post-banner-content .post-meta .meta-primary>span{font-size:0.85rem;padding:0.4rem 0.8rem}}.page-blog .post-banner .post-banner-content .post-meta .meta-secondary,.post-page .post-banner .post-banner-content .post-meta .meta-secondary{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.page-blog .post-banner .post-banner-content .post-meta .meta-secondary .post-difficulty,.post-page .post-banner .post-banner-content .post-meta .meta-secondary .post-difficulty{background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);border:none;padding:0.5rem 1rem;font-size:0.85rem}.page-blog .post-banner .post-banner-content .post-meta .meta-secondary .post-difficulty i,.post-page .post-banner .post-banner-content .post-meta .meta-secondary .post-difficulty i{margin-right:0.3rem}.page-blog .post-banner .post-banner-content .post-meta .meta-secondary .post-technologies,.post-page .post-banner .post-banner-content .post-meta .meta-secondary .post-technologies{display:flex;gap:0.5rem;flex-wrap:wrap}.page-blog .post-banner .post-banner-content .post-meta .meta-secondary .post-technologies .tech-badge,.post-page .post-banner .post-banner-content .post-meta .meta-secondary .post-technologies .tech-badge{background:linear-gradient(135deg, rgba(59,130,246,0.9) 0%, rgba(99,102,241,0.9) 100%);color:white;padding:0.4rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:600;border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(59,130,246,0.3),inset 0 1px 0 rgba(255,255,255,0.1);text-shadow:0 1px 2px rgba(0,0,0,0.3)}.page-blog .post-banner .post-banner-content .post-meta .meta-secondary .post-technologies .tech-more,.post-page .post-banner .post-banner-content .post-meta .meta-secondary .post-technologies .tech-more{background:rgba(255,255,255,0.25);color:white;padding:0.4rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:600;border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,0.5)}@media (max-width: 768px){.page-blog .post-banner .post-banner-content .post-meta .meta-secondary .tech-badge,.page-blog .post-banner .post-banner-content .post-meta .meta-secondary .tech-more,.post-page .post-banner .post-banner-content .post-meta .meta-secondary .tech-badge,.post-page .post-banner .post-banner-content .post-meta .meta-secondary .tech-more{display:none}}@media (max-width: 600px){.page-blog .post-banner .post-banner-content .post-meta .meta-primary>span,.post-page .post-banner .post-banner-content .post-meta .meta-primary>span{display:none}}.post-content-wrapper{background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);padding:3rem 0;min-height:60vh}.post-layout{max-width:900px;margin:0 auto}@media (max-width: 768px){.post-layout{max-width:100%;padding:0 1rem}}.post-main-content{background:white;border-radius:12px;padding:3rem;box-shadow:0 4px 12px rgba(0,0,0,0.08);border:1px solid rgba(226,232,240,0.8);width:100%}@media (max-width: 768px){.post-main-content{padding:2rem;border-radius:8px}}@media (max-width: 480px){.post-main-content{padding:1.5rem}}.post-content{font-family:'Inter', sans-serif;font-size:1.125rem;line-height:1.7;color:#374151;max-width:none;scroll-padding-top:100px}@media (max-width: 768px){.post-content{scroll-padding-top:90px}}.post-content h1[id],.post-content h2[id],.post-content h3[id],.post-content h4[id],.post-content h5[id],.post-content h6[id]{scroll-margin-top:100px}@media (max-width: 768px){.post-content h1[id],.post-content h2[id],.post-content h3[id],.post-content h4[id],.post-content h5[id],.post-content h6[id]{scroll-margin-top:90px}}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:'Poppins', sans-serif;color:#1e293b;margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.post-content h1{font-size:2.5rem;font-weight:700;margin-top:0}@media (max-width: 768px){.post-content h1{font-size:2rem}}.post-content h2{font-size:2rem;font-weight:600;padding-bottom:0.5rem;border-bottom:3px solid #e2e8f0}@media (max-width: 768px){.post-content h2{font-size:1.75rem}}.post-content h3{font-size:1.5rem;font-weight:600;color:#475569}@media (max-width: 768px){.post-content h3{font-size:1.25rem}}.post-content p{margin-bottom:1.5rem}.post-content p:last-child{margin-bottom:0}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:2rem}.post-content ul li,.post-content ol li{margin-bottom:0.75rem;line-height:1.6}.post-content ul li:last-child,.post-content ol li:last-child{margin-bottom:0}.post-content ul li{position:relative}.post-content ul li::marker{color:#3b82f6}.post-content pre{background:#1e293b;color:#e2e8f0;padding:2rem;border-radius:12px;overflow-x:auto;margin:2rem 0;border:1px solid #334155;position:relative}.post-content pre code{background:none;padding:0;border:none;font-size:0.9rem;line-height:1.6}.post-content :not(pre)>code{background:#f1f5f9;color:#e11d48;padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9em;font-weight:500;border:1px solid #e2e8f0}.post-content blockquote{background:#f8fafc;border-left:4px solid #3b82f6;padding:1.5rem 2rem;margin:2rem 0;border-radius:0 8px 8px 0;color:#475569;font-style:italic}.post-content blockquote p{margin-bottom:0}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.post-content a{color:#3b82f6;text-decoration:none;border-bottom:1px solid transparent;transition:all 0.2s ease}.post-content a:hover{color:#1d4ed8;border-bottom-color:#3b82f6}.post-content a[target="_blank"]::after{content:" ↗";font-size:0.8em;opacity:0.7}.table-of-contents-inline{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(250,250,250,0.95) 100%);border:1px solid rgba(226,232,240,0.6);border-radius:16px;margin:2rem 0;overflow:hidden;box-shadow:0 8px 32px rgba(15,23,42,0.12),0 0 0 1px rgba(212,175,55,0.1);backdrop-filter:blur(8px);position:relative;z-index:10;transition:all 0.3s ease;transition:all 0.3s ease-out}@media (max-width: 768px){.table-of-contents-inline{position:relative;z-index:10;margin:1.5rem 0}}.table-of-contents-inline.returning-to-normal{transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)}.table-of-contents-inline.sticky{position:fixed;z-index:1001;width:350px;margin:0;box-shadow:0 15px 50px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.5);backdrop-filter:blur(15px);border-radius:20px;animation:slideDown 0.3s ease-out}.table-of-contents-inline.sticky.mobile-sticky{width:auto;border-radius:16px;z-index:1001;box-shadow:0 8px 32px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.4)}.table-of-contents-inline.sticky.mobile-sticky .toc-toggle{padding:1rem 1.25rem;font-size:0.95rem}.table-of-contents-inline.sticky.mobile-sticky .toc-content.expanded{max-height:400px}@keyframes slideDown{from{opacity:0;transform:translateY(-20px) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.table-of-contents-inline .toc-toggle{width:100%;background:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #475569 100%);color:#fff;border:none;padding:1.2rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all 0.3s ease;position:relative;overflow:hidden}.table-of-contents-inline .toc-toggle::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(212,175,55,0.15), transparent);transition:left 0.5s ease}.table-of-contents-inline .toc-toggle:hover{background:linear-gradient(135deg, #020617 0%, #0f172a 50%, #1e293b 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,0.25);border:1px solid rgba(212,175,55,0.2)}.table-of-contents-inline .toc-toggle:hover::before{left:100%}.table-of-contents-inline .toc-toggle .toc-arrow{transition:transform 0.3s ease;font-size:0.9rem}.table-of-contents-inline .toc-toggle.active .toc-arrow{transform:rotate(180deg)}.table-of-contents-inline .toc-toggle span{position:relative;z-index:2}.table-of-contents-inline .toc-toggle i{position:relative;z-index:2}.table-of-contents-inline .toc-content{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);background:rgba(255,255,255,0.98);border-top:1px solid rgba(226,232,240,0.4)}.table-of-contents-inline .toc-content.expanded{max-height:600px}.table-of-contents-inline .toc-content .toc-list{padding:1.5rem;margin:0;list-style:none}.table-of-contents-inline .toc-content .toc-list li{margin-bottom:0.5rem}.table-of-contents-inline .toc-content .toc-list li:last-child{margin-bottom:0}.table-of-contents-inline .toc-content .toc-list li.toc-h2 a{font-weight:600;font-size:0.95rem;color:#111827;padding-left:1rem}.table-of-contents-inline .toc-content .toc-list li.toc-h3{padding-left:1rem}.table-of-contents-inline .toc-content .toc-list li.toc-h3 a{font-size:0.85rem;color:#374151;padding-left:2rem}.table-of-contents-inline .toc-content .toc-list li a{text-decoration:none;display:block;padding:0.6rem 1rem;border-radius:8px;transition:all 0.3s ease;border-left:3px solid transparent;position:relative}.table-of-contents-inline .toc-content .toc-list li a::before{content:'';position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);border-radius:8px;transition:width 0.3s ease;z-index:-1}.table-of-contents-inline .toc-content .toc-list li a:hover{color:#fff;border-left-color:#d4af37;transform:translateX(4px)}.table-of-contents-inline .toc-content .toc-list li a:hover::before{width:100%}.table-of-contents-inline .toc-content .toc-list li a.active{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff;border-left-color:#d4af37;box-shadow:0 4px 12px rgba(15,23,42,0.4)}.post-title-mobile-alt{display:none}@media (max-width: 480px){.post-title-mobile-alt{display:block;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);padding:1rem;margin:0;border-bottom:3px solid #0f172a}.post-title-mobile-alt .post-title{color:#0f172a;font-size:1.4rem;line-height:1.3;margin-bottom:0.5rem;text-shadow:none;font-weight:700}.post-title-mobile-alt .post-meta{color:#374151;font-size:0.85rem;text-shadow:none}}.post-header-section{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:white;padding:3rem 0;margin-top:0;z-index:1;position:relative}@media (max-width: 768px){.post-header-section{padding:2rem 0}}@media (max-width: 480px){.post-header-section{padding:1.5rem 0}}.post-header-section .post-title{color:white;margin-bottom:1rem}@media (max-width: 768px){.post-header-section .post-title{font-size:1.8rem;line-height:1.3;margin-bottom:0.8rem}}@media (max-width: 480px){.post-header-section .post-title{font-size:1.5rem;line-height:1.2;margin-bottom:0.6rem}}.post-header-section .post-meta{color:rgba(255,255,255,0.9);margin-bottom:1.5rem}@media (max-width: 768px){.post-header-section .post-meta{font-size:0.9rem;margin-bottom:1rem}}@media (max-width: 480px){.post-header-section .post-meta{font-size:0.85rem;margin-bottom:0.8rem}}@media (max-width: 768px){.blog-hero-section{padding:2.5rem 0}.blog-hero-section h1{font-size:2.2rem}.blog-hero-section .section-description{font-size:1rem}.blog-grid{grid-template-columns:1fr}.blog-filters{padding:1.5rem;gap:1.5rem}.blog-filters .filter-group select{min-width:140px}.post-preview .post-image{height:200px}.post-preview .post-image .post-category-badge{top:1rem;right:1rem}.post-preview .card-content{padding:1.5rem}.post-preview .post-title{font-size:1.3rem}.pagination-container{padding:1.5rem}.pagination{flex-wrap:wrap;gap:.25rem}.pagination .pagination-btn{padding:.5rem 1.5rem;font-size:0.9rem}}@keyframes tech-pulse{0%, 100%{opacity:0.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.post-content .highlight{background:#1e1e1e;color:#d4d4d4;border-radius:8px;overflow-x:auto;margin:1.5rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.post-content .highlight pre{background:transparent;color:inherit;padding:1.5rem;margin:0;border:none;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:0.9rem;line-height:1.6;overflow-x:auto}.post-content .highlight code{background:transparent;color:inherit;padding:0;border:none;font-size:inherit}.post-content .highlight .c,.post-content .highlight .c1,.post-content .highlight .cm,.post-content .highlight .cp,.post-content .highlight .cs{color:#6a9955;font-style:italic}.post-content .highlight .k,.post-content .highlight .kc,.post-content .highlight .kd,.post-content .highlight .kn,.post-content .highlight .kp,.post-content .highlight .kr,.post-content .highlight .kt{color:#569cd6;font-weight:bold}.post-content .highlight .s,.post-content .highlight .s1,.post-content .highlight .s2,.post-content .highlight .sb,.post-content .highlight .sc,.post-content .highlight .sd,.post-content .highlight .se,.post-content .highlight .sh,.post-content .highlight .si,.post-content .highlight .sx{color:#ce9178}.post-content .highlight .m,.post-content .highlight .mf,.post-content .highlight .mh,.post-content .highlight .mi,.post-content .highlight .mo{color:#b5cea8}.post-content .highlight .o,.post-content .highlight .ow{color:#d4d4d4}.post-content .highlight .n,.post-content .highlight .na,.post-content .highlight .nb,.post-content .highlight .nc,.post-content .highlight .nd,.post-content .highlight .ne,.post-content .highlight .nf,.post-content .highlight .ni,.post-content .highlight .nl,.post-content .highlight .nn,.post-content .highlight .no,.post-content .highlight .nt,.post-content .highlight .nv{color:#dcdcaa}.post-content .highlight .nc{color:#4ec9b0}.post-content .highlight .nf{color:#dcdcaa}.post-content .highlight .na{color:#92c5f8}.post-content .highlight .kt{color:#4ec9b0}.post-content .highlight .err{color:#f44747;background:rgba(244,71,71,0.1)}.post-content .highlight .vi,.post-content .highlight .vg{color:#4fc1ff}.post-content .highlight .p{color:#d4d4d4}.post-content .highlight .dl{color:#ce9178}.post-content .highlight .nv{color:#4fc1ff}.post-content .highlight .bp{color:#4ec9b0}.post-content .highlight .nx{color:#9cdcfe}.post-content p code,.post-content li code,.post-content td code{background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);color:#1e293b;padding:0.2rem 0.4rem;border-radius:4px;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:0.9em;border:1px solid rgba(148,163,184,0.2)}.post-content pre:not(.highlight){background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);color:#e2e8f0;padding:1.5rem;border-radius:12px;overflow-x:auto;margin:2rem 0;border:1px solid rgba(59,130,246,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.12);position:relative}.post-content pre:not(.highlight) code{background:transparent;color:inherit;padding:0;border:none;font-size:0.95em;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;line-height:1.6}.code-block-container{position:relative;margin:2rem 0}.code-block-container .copy-button{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg, rgba(59,130,246,0.15) 0%, rgba(99,102,241,0.2) 100%);color:#0f172a;border:1px solid rgba(59,130,246,0.3);border-radius:6px;padding:0.5rem 0.75rem;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;z-index:10}.code-block-container .copy-button:hover{background:linear-gradient(135deg, rgba(59,130,246,0.25) 0%, rgba(99,102,241,0.3) 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.code-block-container .copy-button.copied{background:linear-gradient(135deg, rgba(16,185,129,0.15) 0%, rgba(5,150,105,0.2) 100%);color:#10b981;border-color:rgba(16,185,129,0.3)}.code-block-container .copy-button i{margin-right:0.25rem}@media (max-width: 768px){.code-block-container .copy-button{top:0.5rem;right:0.5rem;padding:0.4rem 0.6rem;font-size:0.7rem}}.faq-section-geo{background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);padding:1rem 0;border-top:1px solid rgba(226,232,240,0.8);border-bottom:1px solid rgba(226,232,240,0.8)}.faq-section-geo .section-header-clean{margin-bottom:1rem}.faq-section-geo .section-header-clean .section-title-clean{font-size:1.7rem}.faq-section-geo .faq-grid-geo{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;margin-top:1.5rem}.faq-section-geo .faq-item-geo{background:white;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05);border-left:3px solid #0f172a}.faq-section-geo .faq-item-geo h3{color:#1e293b;font-size:1.1rem;margin-bottom:0.75rem;font-weight:600}.faq-section-geo .faq-item-geo p{color:#475569;line-height:1.6;margin-bottom:0.75rem;font-size:0.95rem}.faq-section-geo .faq-item-geo ul{color:#475569;line-height:1.5;margin-left:1.25rem;margin-bottom:0.5rem}.faq-section-geo .faq-item-geo ul li{margin-bottom:0.35rem;font-size:0.95rem}.faq-section-geo .faq-item-geo strong{color:#1e293b;font-weight:600}.expertise-summary-geo{background:linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(99,102,241,0.12) 100%);border:2px solid rgba(59,130,246,0.2);border-radius:12px;padding:2rem;margin:2rem 0}.expertise-summary-geo h3{color:#1e293b;font-size:1.3rem;margin-bottom:1rem;font-weight:700}.expertise-summary-geo p{color:#475569;line-height:1.7;margin-bottom:1rem}.expertise-summary-geo ul{color:#475569;line-height:1.7;margin-bottom:1rem}.expertise-summary-geo ul li{margin-bottom:0.5rem}.expertise-summary-geo ul li strong{color:#0f172a;font-weight:600}.expertise-summary-geo strong{color:#1e293b;font-weight:600}@media (max-width: 768px){.faq-grid-geo{grid-template-columns:1fr}.faq-item-geo{padding:1.5rem}.expertise-summary-geo{padding:1.5rem}.expertise-summary-geo h3{font-size:1.1rem}}.social-sharing-section{background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:20px;padding:2.5rem 2rem;margin:3rem 0;border:1px solid rgba(226,232,240,0.8);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}.social-sharing-section .sharing-title{font-family:'Poppins', sans-serif;font-size:1.4rem;font-weight:600;color:#1e293b;margin-bottom:2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:0.75rem}.social-sharing-section .sharing-title i{color:#3b82f6;font-size:1.2rem}.social-sharing-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:none;border-radius:50%;font-size:1.2rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.3s ease;font-family:'Inter', sans-serif;background:transparent;position:relative;overflow:hidden}.social-btn i{font-size:1.2rem;position:relative;z-index:2}.social-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px rgba(0,0,0,0.2);text-decoration:none}.social-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:inherit;z-index:1;transition:all 0.3s ease}.social-btn--linkedin{background:#0077b5;color:white;box-shadow:0 4px 15px rgba(0,119,181,0.3)}.social-btn--linkedin:hover{background:#005885;box-shadow:0 8px 25px rgba(0,119,181,0.4)}.social-btn--twitter{background:#1da1f2;color:white;box-shadow:0 4px 15px rgba(29,161,242,0.3)}.social-btn--twitter:hover{background:#0d8bd9;box-shadow:0 8px 25px rgba(29,161,242,0.4)}.social-btn--facebook{background:#4267b2;color:white;box-shadow:0 4px 15px rgba(66,103,178,0.3)}.social-btn--facebook:hover{background:#365899;box-shadow:0 8px 25px rgba(66,103,178,0.4)}.social-btn--reddit{background:#ff4500;color:white;box-shadow:0 4px 15px rgba(255,69,0,0.3)}.social-btn--reddit:hover{background:#cc3600;box-shadow:0 8px 25px rgba(255,69,0,0.4)}.social-btn--telegram{background:#0088cc;color:white;box-shadow:0 4px 15px rgba(0,136,204,0.3)}.social-btn--telegram:hover{background:#006699;box-shadow:0 8px 25px rgba(0,136,204,0.4)}.social-btn--whatsapp{background:#25d366;color:white;box-shadow:0 4px 15px rgba(37,211,102,0.3)}.social-btn--whatsapp:hover{background:#1da851;box-shadow:0 8px 25px rgba(37,211,102,0.4)}.social-btn--email{background:#ea4335;color:white;box-shadow:0 4px 15px rgba(234,67,53,0.3)}.social-btn--email:hover{background:#d33b2c;box-shadow:0 8px 25px rgba(234,67,53,0.4)}.social-btn--copy{background:#6b7280;color:white;box-shadow:0 4px 15px rgba(107,114,128,0.3)}.social-btn--copy:hover{background:#4b5563;box-shadow:0 8px 25px rgba(107,114,128,0.4)}.social-btn--copy.copied{background:#10b981;box-shadow:0 4px 15px rgba(16,185,129,0.4)}.social-btn--copy.copied .fas::before{content:'\f00c'}@media (max-width: 768px){.social-sharing-buttons{gap:0.6rem}.social-btn{width:45px;height:45px;font-size:1.1rem}.social-btn i{font-size:1.1rem}}@media (max-width: 480px){.social-sharing-buttons{justify-content:center;gap:0.5rem}.social-btn{width:42px;height:42px;font-size:1rem}.social-btn i{font-size:1rem}.social-btn:hover{transform:translateY(-2px) scale(1.05)}}.post-news-actions{margin-top:15px;display:flex;justify-content:center;padding:0 16px 16px;margin-top:auto}.post-news-actions .view-btn,.post-news-actions .modules-section-modern .view-all-section .view-all-btn,.modules-section-modern .view-all-section .post-news-actions .view-all-btn{width:100%;max-width:100%;padding:10px 15px}.post-list-news .post-preview-news{background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease;display:flex;flex-direction:column}.post-list-news .post-preview-news:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.15)}.post-grid-home{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:25px}@media (min-width: 1200px){.post-grid-home{grid-template-columns:repeat(3, 1fr)}}.post-grid-home .post-preview-news{background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease;display:flex;flex-direction:column}.post-grid-home .post-preview-news:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.15)}.post-grid-home .post-preview-news .post-news-content{flex-direction:column;flex:1}.post-news-text{padding:20px 20px 0;display:flex;flex-direction:column;flex:1}.post-news-text .post-news-title{font-size:18px;font-weight:600;margin-bottom:10px}.post-news-text .post-news-title a{color:#111827;text-decoration:none;transition:color 0.2s ease}.post-news-text .post-news-title a:hover{color:#0f172a}.post-news-text .post-news-excerpt{color:#111827;font-size:14px;line-height:1.6;margin-bottom:15px;flex:1}.post-news-text .post-news-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.post-news-text .post-news-meta span{font-size:12px;padding:3px 8px;border-radius:20px}.post-news-text .post-news-meta span.publication-type-beautiful{background:linear-gradient(135deg, rgba(139,92,246,0.1) 0%, rgba(30,41,59,0.15) 100%);color:#059669}.post-news-text .post-news-meta span.reading-time{background:rgba(15,23,42,0.08);color:#374151}.post-news-text .post-news-tags{display:flex;flex-wrap:wrap;gap:6px}.post-news-text .post-news-tags .tag-mini{font-size:12px;padding:3px 8px;border-radius:4px;background:linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(30,41,59,0.12) 100%);color:#0f172a}.post-news-thumb{position:relative;height:160px;overflow:hidden}.post-news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.post-news-thumb .post-category-mini{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.6);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.post-news-thumb:hover img{transform:scale(1.05)}.page-blog .blog-grid-news{display:grid !important;grid-template-columns:4fr 1fr !important;gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}@media (max-width: 968px){.page-blog .blog-grid-news{grid-template-columns:1fr !important;gap:1.5rem}}.page-blog .page-blog .blog-grid-news,.page-blog body.page-blog .blog-grid-news{display:grid !important;grid-template-columns:4fr 1fr !important;gap:2rem !important}@media (max-width: 968px){.page-blog .page-blog .blog-grid-news,.page-blog body.page-blog .blog-grid-news{grid-template-columns:1fr !important}}.page-blog .post-category-mini{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:4px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:white;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px)}.page-blog .post-category-mini[data-category="e-commerce"]{background:linear-gradient(45deg, #e11d48, #f43f5e)}.page-blog .post-category-mini[data-category="entrepreneuriat"]{background:linear-gradient(45deg, #7c3aed, #a855f7)}.page-blog .post-category-mini[data-category="success-story"]{background:linear-gradient(45deg, #059669, #10b981)}.page-blog .post-category-mini[data-category="development"]{background:linear-gradient(45deg, #2563eb, #3b82f6)}.page-blog .post-category-mini[data-category="tutorial"]{background:linear-gradient(45deg, #ea580c, #f97316)}.page-blog .post-news-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.page-blog .post-news-tags .tag-mini{display:inline-block;padding:2px 6px;font-size:0.7rem;font-weight:500;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:all 0.2s}.page-blog .post-news-tags .tag-mini:before{content:'#';color:#94a3b8;margin-right:1px}.page-blog .post-news-tags .tag-mini:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px)}.page-blog .post-news-tags .tag-more{font-size:0.7rem;color:#64748b;font-weight:500}.page-blog .article-tag-cloud{margin:3rem 0 2rem 0;padding:2rem;background:linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);border-radius:12px;border:1px solid #e2e8f0;position:relative}.page-blog .article-tag-cloud:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);border-radius:12px 12px 0 0}.page-blog .article-tag-cloud h3{margin:0 0 1.5rem 0;font-size:1.2rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:0.5rem}.page-blog .article-tag-cloud h3 i{color:#3b82f6}.page-blog .article-tag-cloud .tag-cloud{display:flex;flex-wrap:wrap;gap:0.8rem;justify-content:center;align-items:center}.page-blog .article-tag-cloud .tag-cloud-item{display:inline-block;text-decoration:none;font-weight:500;border-radius:20px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.page-blog .article-tag-cloud .tag-cloud-item:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);transition:left 0.5s}.page-blog .article-tag-cloud .tag-cloud-item:hover:before{left:100%}.page-blog .article-tag-cloud .tag-cloud-item:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-sm{font-size:0.8rem;padding:6px 12px;background:linear-gradient(135deg, #e2e8f0, #cbd5e1);color:#475569}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-sm:hover{background:linear-gradient(135deg, #cbd5e1, #94a3b8);color:#1e293b}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-md{font-size:0.9rem;padding:8px 16px;background:linear-gradient(135deg, #ddd6fe, #c4b5fd);color:#5b21b6}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-md:hover{background:linear-gradient(135deg, #c4b5fd, #a78bfa);color:#4c1d95}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-lg{font-size:1.1rem;padding:10px 20px;background:linear-gradient(135deg, #bfdbfe, #93c5fd);color:#1d4ed8;font-weight:600}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-lg:hover{background:linear-gradient(135deg, #93c5fd, #60a5fa);color:#1e40af}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-xl{font-size:1.3rem;padding:12px 24px;background:linear-gradient(135deg, #fecaca, #fca5a5);color:#b91c1c;font-weight:700}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-xl:hover{background:linear-gradient(135deg, #fca5a5, #f87171);color:#991b1b}@media (max-width: 768px){.page-blog .article-tag-cloud{padding:1.5rem;margin:2rem 0}.page-blog .article-tag-cloud .tag-cloud{gap:0.5rem}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-sm{font-size:0.75rem;padding:4px 8px}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-md{font-size:0.8rem;padding:6px 12px}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-lg{font-size:0.9rem;padding:8px 16px}.page-blog .article-tag-cloud .tag-cloud-item.tag-size-xl{font-size:1rem;padding:10px 18px}}.page-blog .main-blog-content-news{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1);overflow:hidden;width:100% !important;max-width:none !important}.page-blog .blog-filters-container{padding:1rem;border-bottom:1px solid #e2e8f0;background:#f9fafb}.page-blog .blog-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-blog .blog-filters-header .section-title{font-size:1.5rem;margin:0;font-weight:700;color:#111827}.page-blog .blog-filters-compact{display:flex !important;justify-content:center !important;align-items:center !important;margin-bottom:1rem;background:linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(248,250,252,0.95) 100%);border:1px solid rgba(226,232,240,0.8);border-radius:12px;padding:1.25rem;box-shadow:0 4px 12px rgba(0,0,0,0.08);backdrop-filter:blur(10px);position:relative}.page-blog .blog-filters-compact::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(59,130,246,0.03) 0%, rgba(15,23,42,0.02) 100%);border-radius:inherit;pointer-events:none}@media (max-width: 768px){.page-blog .blog-filters-compact{flex-direction:column;gap:0.75rem;align-items:stretch;justify-content:flex-start !important;padding:0.75rem}}.page-blog .blog-filters-compact .filters-left,.page-blog .blog-filters-compact .filters-center{display:flex;gap:0.75rem;flex-wrap:wrap}@media (max-width: 768px){.page-blog .blog-filters-compact .filters-left,.page-blog .blog-filters-compact .filters-center{width:100%}}.page-blog .blog-filters-compact .filters-center{justify-content:center !important;align-items:center !important;width:100% !important}@media (max-width: 768px){.page-blog .blog-filters-compact .filters-center{justify-content:flex-start !important}}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center{justify-content:center !important;align-items:center !important;display:flex !important}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group{display:flex;align-items:center;gap:0.5rem}@media (max-width: 768px){.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group{width:48%;flex:0 0 48%}}@media (max-width: 480px){.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group{width:100%;flex:0 0 100%}}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group label{font-size:0.9rem;font-weight:600;color:#1e293b;white-space:nowrap;display:flex;align-items:center;gap:0.4rem;margin-bottom:0.3rem;letter-spacing:0.02em;text-transform:uppercase;font-family:'Inter', sans-serif}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group label i{color:#3b82f6;font-size:1rem;opacity:0.8;transition:all 0.2s ease}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group label:hover i{opacity:1;transform:scale(1.1)}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group select{padding:0.6rem 0.9rem !important;border:2px solid #e2e8f0 !important;border-radius:8px !important;background:white !important;font-size:0.85rem !important;font-weight:500 !important;color:#334155 !important;min-width:160px !important;cursor:pointer !important;transition:all 0.3s ease !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important;background-position:right 0.7rem center !important;background-repeat:no-repeat !important;background-size:1.2em 1.2em !important;padding-right:2.5rem !important}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group select:hover{border-color:#cbd5e1 !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important;transform:translateY(-1px) !important}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group select:focus{outline:none !important;border-color:#3b82f6 !important;box-shadow:0 0 0 3px rgba(59,130,246,0.12) !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group select:active{transform:translateY(0) !important}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group select option{padding:0.5rem;font-weight:500;color:#334155}.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group select option:hover{background-color:#f1f5f9}@media (max-width: 768px){.page-blog .blog-filters-compact .page-blog .blog-filters-compact .filters-center .filter-group select{min-width:140px;padding:0.5rem 0.7rem;padding-right:2.2rem}}.page-blog .blog-filters-compact .search-box{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:4px;overflow:hidden;width:250px}@media (max-width: 768px){.page-blog .blog-filters-compact .search-box{width:100%}}.page-blog .blog-filters-compact .search-box input{flex:1;padding:0.4rem 0.8rem;border:none;font-size:0.85rem;color:#111827}.page-blog .blog-filters-compact .search-box input:focus{outline:none}.page-blog .blog-filters-compact .search-box button{background:#0f172a;color:white;border:none;width:36px;height:36px;cursor:pointer;display:flex;justify-content:center;align-items:center}.page-blog .blog-filters-compact .search-box button:hover{background:#1c2c50}.page-blog .filter-results-info{display:flex;justify-content:space-between;align-items:center;padding:0 0.5rem;font-size:0.9rem}.page-blog .filter-results-info .results-count{font-weight:500;color:#374151}.page-blog .filter-results-info .active-filters{display:flex;flex-wrap:wrap;gap:0.5rem}.page-blog .filter-results-info .active-filters .active-filter{display:flex;align-items:center;background:rgba(59,130,246,0.1);color:#0f172a;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem}.page-blog .filter-results-info .active-filters .active-filter i{margin-right:4px}.page-blog .filter-results-info .active-filters .active-filter .remove-filter{margin-left:4px;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;align-items:center;padding:0 2px}.page-blog .filter-results-info .active-filters .active-filter .remove-filter:hover{color:#020204}.page-blog .view-toggle{display:flex;gap:3px;background:linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(99,102,241,0.12) 100%);border:1px solid rgba(59,130,246,0.2);border-radius:8px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.page-blog .view-toggle .view-btn,.page-blog .view-toggle .modules-section-modern .view-all-section .view-all-btn,.modules-section-modern .view-all-section .page-blog .view-toggle .view-all-btn{padding:0.5rem 0.7rem;border:none;background:transparent;color:#0f172a;border-radius:6px;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem;position:relative;display:flex;align-items:center;justify-content:center;min-width:36px;height:32px}.page-blog .view-toggle .view-btn i,.page-blog .view-toggle .modules-section-modern .view-all-section .view-all-btn i,.modules-section-modern .view-all-section .page-blog .view-toggle .view-all-btn i{font-size:0.9rem;transition:all 0.3s ease}.page-blog .view-toggle .view-btn:hover,.page-blog .view-toggle .modules-section-modern .view-all-section .view-all-btn:hover,.modules-section-modern .view-all-section .page-blog .view-toggle .view-all-btn:hover{color:#0f172a;background:rgba(255,255,255,0.8);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.2)}.page-blog .view-toggle .view-btn:hover i,.page-blog .view-toggle .modules-section-modern .view-all-section .view-all-btn:hover i,.modules-section-modern .view-all-section .page-blog .view-toggle .view-all-btn:hover i{transform:scale(1.1)}.page-blog .view-toggle .view-btn.active,.page-blog .view-toggle .modules-section-modern .view-all-section .active.view-all-btn,.modules-section-modern .view-all-section .page-blog .view-toggle .active.view-all-btn{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:white;box-shadow:0 4px 12px rgba(59,130,246,0.3);transform:translateY(-1px)}.page-blog .view-toggle .view-btn.active i,.page-blog .view-toggle .modules-section-modern .view-all-section .active.view-all-btn i,.modules-section-modern .view-all-section .page-blog .view-toggle .active.view-all-btn i{transform:scale(1.05)}.page-blog .no-results{display:none;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.page-blog .no-results .no-results-icon{font-size:3rem;color:#d1d5db;margin-bottom:1rem}.page-blog .no-results h3{margin:0 0 0.5rem;font-size:1.25rem;color:#111827}.page-blog .no-results p{margin:0 0 1rem;color:#374151;max-width:500px}.page-blog .post-list-news{min-height:60vh}.page-blog .post-list-news .post-preview-wrapper{padding:1.5rem;border-bottom:1px solid #e2e8f0}.page-blog .post-list-news .post-preview-wrapper:last-child{border-bottom:none}.page-blog .post-list-news .post-preview-wrapper.future-post-item{background:rgba(251,191,36,0.03);border-left:3px solid #fbbf24}.page-blog .post-list-news .post-preview-wrapper .post-preview-news{padding:0}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-content{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem}@media (max-width: 640px){.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-content{flex-direction:column}}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb{flex-shrink:0;width:220px;height:160px;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 4px 6px rgba(0,0,0,0.1);align-self:center}@media (max-width: 640px){.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb{width:100%;height:200px}}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.3s ease}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini{position:absolute;top:10px;left:10px;padding:5px 10px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.2);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:white;background:#334155}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="e-commerce"],.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="e commerce"],.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="ecommerce"]{background:linear-gradient(135deg, #155e75, #0d3b4a)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="e-commerce"]:before,.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="e commerce"]:before,.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="ecommerce"]:before{content:"\f07a";font-family:'Font Awesome 5 Free';margin-right:5px}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="AI"],.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="ai"],.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="IA"]{background:linear-gradient(135deg, #7e22ce, #631ba2)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="AI"]:before,.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="ai"]:before,.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="IA"]:before{content:"\f544";font-family:'Font Awesome 5 Free';margin-right:5px}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="Development"]{background:linear-gradient(135deg, #0369a1, #02486f)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="Development"]:before{content:"\f121";font-family:'Font Awesome 5 Free';margin-right:5px}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="Best Practices"]{background:linear-gradient(135deg, #15803d, #0e5428)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-thumb .post-category-mini[data-category="Best Practices"]:before{content:"\f00c";font-family:'Font Awesome 5 Free';margin-right:5px}.page-blog .post-list-news .post-preview-wrapper .post-preview-news:hover .post-news-thumb img{transform:scale(1.05)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-text{flex:1;padding:0;display:flex;flex-direction:column;min-height:140px}@media (max-width: 640px){.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-text{min-height:auto}}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-meta{display:flex;gap:0.75rem;margin-bottom:0.5rem;font-size:0.75rem;color:#374151;flex-wrap:wrap}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-meta time{font-weight:500;display:flex;align-items:center}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-meta time:before{content:"\f073";font-family:'Font Awesome 5 Free';font-weight:400;margin-right:4px;font-size:0.8rem;color:#0f172a;opacity:0.8}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-meta .reading-time{display:flex;align-items:center}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-meta .reading-time:before{content:"\f017";font-family:'Font Awesome 5 Free';font-weight:400;margin-right:4px;font-size:0.8rem;color:#0f172a;opacity:0.8}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-meta .series-indicator{color:#0f172a;font-weight:500;background:rgba(59,130,246,0.1);padding:2px 6px;border-radius:4px;display:flex;align-items:center}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-meta .series-indicator:before{content:"\f02d";font-family:'Font Awesome 5 Free';font-weight:900;margin-right:4px;font-size:0.8rem}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-title{margin:0 0 0.6rem 0;font-size:1.2rem;font-weight:600;line-height:1.3}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-title a{color:#111827;text-decoration:none}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-title a:hover{color:#0f172a}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-excerpt{margin:0 0 1rem 0;font-size:0.9rem;line-height:1.5;color:#374151;flex-grow:1}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-tags{display:flex;gap:0.4rem;flex-wrap:wrap;margin-top:auto;margin-bottom:0.75rem}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-tags .tag-mini{font-size:0.7rem;padding:4px 10px;background:#f1f5f9;color:#374151;border-radius:20px;border:1px solid #e5e7eb;transition:all 0.2s ease}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-tags .tag-mini:before{content:"#";opacity:0.6;margin-right:2px}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-tags .tag-mini:hover{background:#0f172a;color:#fff;border-color:#0f172a;transform:translateY(-1px)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-tags .tag-more{font-size:0.7rem;color:#374151;font-weight:500}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:auto;padding:0.5rem 0 0 0;align-self:flex-end}@media (max-width: 480px){.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions{flex-direction:column;align-items:flex-start;gap:0.5rem}}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions .difficulty-badge{font-size:0.7rem;padding:3px 10px;border-radius:4px;font-weight:600;text-transform:capitalize;display:flex;align-items:center;gap:5px}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions .difficulty-badge:before{content:"\f201";font-family:'Font Awesome 5 Free';font-weight:900;font-size:0.8rem}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions .difficulty-badge.difficulty-debutant{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions .difficulty-badge.difficulty-intermediaire{background:#fef3c7;color:#d97706;border:1px solid #fed7aa}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions .difficulty-badge.difficulty-avance{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions .read-more-compact{color:white;background:#0f172a;text-decoration:none;font-size:0.85rem;font-weight:500;display:flex;align-items:center;gap:0.4rem;padding:0.4rem 0.8rem;border-radius:6px;transition:all 0.2s ease;border:none;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions .read-more-compact:hover{background:#1c2c50;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions .read-more-compact:hover i{transform:translateX(3px)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-actions .read-more-compact i{font-size:0.8rem;transition:transform 0.2s ease}.page-blog .post-list-news.grid-view{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem;padding:1.5rem}.page-blog .post-list-news.grid-view .post-preview-wrapper{border-bottom:none;margin:0;padding:0}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news{border:1px solid #e2e8f0;border-radius:8px;height:100%;display:flex;flex-direction:column;box-shadow:0 2px 5px rgba(0,0,0,0.05);transition:transform 0.3s ease, box-shadow 0.3s ease;overflow:hidden;padding:0}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,0.1)}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content{flex-direction:column;flex:1;padding:0}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content .post-news-thumb{width:100%;height:160px;border-radius:0;box-shadow:none}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content .post-news-text{flex:1;display:flex;flex-direction:column;padding:1rem;min-height:auto}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content .post-news-excerpt{flex:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content .post-news-actions{border-top:1px solid #e2e8f0;padding:0.75rem 1rem;margin-top:auto}.page-blog .post-list-news.grid-view .post-preview-wrapper.future-post-item .post-preview-news{border:2px dashed #fbbf24;background:rgba(251,191,36,0.05)}.page-blog .blog-sidebar-news{display:flex;flex-direction:column;gap:1.5rem;width:100% !important;max-width:300px !important}.page-blog .blog-sidebar-news .sidebar-widget-compact{background:white;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.page-blog .blog-sidebar-news .sidebar-widget-compact h4{margin:0 0 0.75rem 0;font-size:0.9rem;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:0.5px;padding-bottom:0.5rem;border-bottom:2px solid #0f172a}.page-blog .recent-posts-compact{display:flex;flex-direction:column;gap:0.75rem}.page-blog .recent-posts-compact .recent-post-compact{display:flex;gap:0.75rem;align-items:flex-start;padding:0.5rem;border-radius:4px;transition:background-color 0.2s ease}.page-blog .recent-posts-compact .recent-post-compact:hover{background:#f3f4f6}.page-blog .recent-posts-compact .recent-post-compact .recent-thumb-mini{flex-shrink:0;width:50px;height:50px;border-radius:6px;overflow:hidden}.page-blog .recent-posts-compact .recent-post-compact .recent-thumb-mini img{width:100%;height:100%;object-fit:cover}.page-blog .recent-posts-compact .recent-post-compact .recent-content-mini{flex:1;min-width:0}.page-blog .recent-posts-compact .recent-post-compact .recent-content-mini h5{margin:0 0 0.2rem 0;font-size:0.8rem;font-weight:600;line-height:1.3}.page-blog .recent-posts-compact .recent-post-compact .recent-content-mini h5 a{color:#111827;text-decoration:none}.page-blog .recent-posts-compact .recent-post-compact .recent-content-mini h5 a:hover{color:#d4af37}.page-blog .recent-posts-compact .recent-post-compact .recent-content-mini time{font-size:0.7rem;color:#374151}.page-blog .categories-compact{display:flex;flex-direction:column;gap:0.4rem}.page-blog .categories-compact .category-compact{color:#111827;text-decoration:none;font-size:0.8rem;padding:0.5rem 0.75rem;border-radius:6px;transition:all 0.2s ease;display:flex;justify-content:space-between;align-items:center}.page-blog .categories-compact .category-compact:hover{background:#0f172a;color:white;text-decoration:none}.page-blog .categories-compact .category-compact:hover span{color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.2)}.page-blog .categories-compact .category-compact span{color:#374151;font-size:0.75rem;background:rgba(0,0,0,0.05);padding:2px 6px;border-radius:10px;transition:all 0.2s ease}.page-blog .tags-compact{display:flex;flex-wrap:wrap;gap:0.5rem}.page-blog .tags-compact .tag-compact{font-size:0.75rem;padding:0.3rem 0.6rem;background:#f3f4f6;color:#374151;border-radius:6px;border:1px solid #e5e7eb;cursor:pointer;transition:all 0.2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.page-blog .tags-compact .tag-compact:hover{background:#0f172a;color:white;border-color:#0f172a}.page-blog .series-compact{display:flex;flex-direction:column;gap:0.6rem}.page-blog .series-compact .series-link-compact{color:#111827;text-decoration:none;font-size:0.8rem;padding:0.5rem 0.75rem;border-radius:6px;transition:all 0.2s ease;position:relative;display:flex;justify-content:space-between;align-items:center}.page-blog .series-compact .series-link-compact:before{content:"\f02d";font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.5rem;color:#0f172a}.page-blog .series-compact .series-link-compact:hover{background:#0f172a;color:white;text-decoration:none}.page-blog .series-compact .series-link-compact:hover:before{color:white}.page-blog .series-compact .series-link-compact:hover span{color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.2)}.page-blog .series-compact .series-link-compact span{color:#374151;font-size:0.75rem;background:rgba(0,0,0,0.05);padding:2px 6px;border-radius:10px;transition:all 0.2s ease}.page-blog .future-post-badge-compact{background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);color:#7c2d12;padding:0.4rem 0.8rem;border-radius:6px;font-size:0.75rem;font-weight:600;text-align:center;margin:0.75rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.page-blog .future-post-badge-compact i{margin-right:0.3rem}.page-blog .draft-post-badge-compact{background:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);color:white;padding:0.4rem 0.8rem;border-radius:6px;font-size:0.75rem;font-weight:600;text-align:center;margin:0.75rem;box-shadow:0 2px 4px rgba(59,130,246,0.3)}.page-blog .draft-post-badge-compact i{margin-right:0.3rem}.page-blog .draft-post-badge-compact i.fa-lock{margin-left:0.3rem;margin-right:0;opacity:0.9}.page-blog .section-title{color:#111827;font-size:1.5rem;font-weight:700;margin-top:0;margin-bottom:1rem}@media (max-width: 768px){.page-blog .blog-filters-compact{flex-direction:column;gap:1rem;padding:1rem}.page-blog .blog-filters-compact .filters-left{width:100%;flex-wrap:wrap}.page-blog .blog-filters-compact .filters-left .filter-group{flex:1;min-width:120px}.page-blog .blog-filters-compact .filters-left .filter-group select{min-width:0;width:100%}.page-blog .blog-filters-compact .filters-right{width:100%;display:flex !important;justify-content:center}.page-blog .post-list-news .post-preview-wrapper{padding:1rem}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-content{gap:1rem}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-content .post-news-thumb{width:120px;height:90px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-content .post-news-title{font-size:1rem;margin-bottom:0.4rem}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-content .post-news-excerpt{font-size:0.85rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;margin-bottom:0.5rem}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-content .post-news-actions{flex-direction:column;align-items:flex-start;gap:0.5rem}.page-blog .post-list-news .post-preview-wrapper .post-preview-news .post-news-content .post-news-actions .read-more-compact{padding:0.3rem 0.6rem;font-size:0.8rem}}@media (max-width: 768px) and (max-width: 480px){.page-blog .post-list-news.grid-view{grid-template-columns:1fr !important;gap:1rem;padding:1rem}.page-blog .post-list-news.grid-view .post-preview-wrapper{margin:0;padding:0}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content{flex-direction:column !important}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content .post-news-thumb{width:100% !important;height:140px;border-radius:0}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content .post-news-text{padding:0.75rem}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content .post-news-excerpt{display:none}.page-blog .post-list-news.grid-view .post-preview-wrapper .post-preview-news .post-news-content .post-news-actions{flex-direction:row !important;justify-content:space-between;padding:0.5rem 0.75rem;border-top:1px solid #e2e8f0}}@media (max-width: 768px){.page-blog .blog-sidebar-news{margin-top:1rem}.page-blog .blog-sidebar-news .sidebar-widget-compact{padding:0.75rem 1rem}.page-blog .blog-sidebar-news .recent-posts-compact{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.5rem}.page-blog .blog-sidebar-news .recent-posts-compact .recent-post-compact{flex-direction:column;padding:0}.page-blog .blog-sidebar-news .recent-posts-compact .recent-post-compact .recent-thumb-mini{width:100%;height:70px;margin-bottom:0.3rem}.page-blog .blog-sidebar-news .recent-posts-compact .recent-post-compact .recent-content-mini h5{font-size:0.75rem}}.post-preview-news{background-color:var(--card-bg, #fff)}.page-blog .blog-filters-compact .filters-center .filter-group select,body.page-blog .blog-filters-compact select,.blog-filters-compact select{padding:0.6rem 0.9rem !important;border:2px solid #e2e8f0 !important;border-radius:8px !important;background:white !important;font-size:0.85rem !important;font-weight:500 !important;color:#334155 !important;min-width:160px !important;cursor:pointer !important;transition:all 0.3s ease !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important;background-position:right 0.7rem center !important;background-repeat:no-repeat !important;background-size:1.2em 1.2em !important;padding-right:2.5rem !important}.page-blog .blog-filters-compact .filters-center .filter-group select:hover,body.page-blog .blog-filters-compact select:hover,.blog-filters-compact select:hover{border-color:#cbd5e1 !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important;transform:translateY(-1px) !important}.page-blog .blog-filters-compact .filters-center .filter-group select:focus,body.page-blog .blog-filters-compact select:focus,.blog-filters-compact select:focus{outline:none !important;border-color:#3b82f6 !important;box-shadow:0 0 0 3px rgba(59,130,246,0.12) !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important}.badge{display:inline-block;padding:3px 8px;margin:2px;font-size:0.75rem;font-weight:600;border-radius:4px;white-space:nowrap}.badge--category{color:white;background-color:#334155}.badge--category[data-category="e-commerce"],.badge--category.category-e-commerce{background:linear-gradient(135deg, #155e75, #0d3b4a)}.badge--category[data-category="AI"],.badge--category[data-category="ai"],.badge--category[data-category="IA"],.badge--category.category-ai{background:linear-gradient(135deg, #7e22ce, #631ba2)}.badge--category[data-category="Development"],.badge--category.category-development{background:linear-gradient(135deg, #0369a1, #02486f)}.badge--category[data-category="Best Practices"],.badge--category.category-best-practices{background:linear-gradient(135deg, #15803d, #0e5428)}.badge--tag{color:#374151;background-color:#f1f5f9;border:1px solid #e5e7eb;border-radius:20px;padding:3px 10px;transition:all 0.2s ease}.badge--tag:before{content:"#";opacity:0.6;margin-right:2px}.badge--tag:hover{background:#0f172a;color:#fff;border-color:#0f172a}.tags-populaires{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem}.tags-populaires .tag-item{display:inline-block;padding:4px 10px;background:#f1f5f9;border-radius:20px;font-size:0.75rem;white-space:nowrap;color:#374151;border:1px solid #e5e7eb;cursor:pointer;transition:all 0.2s ease}.tags-populaires .tag-item:before{content:"#";opacity:0.6;margin-right:2px}.tags-populaires .tag-item:hover{background:#0f172a;color:#fff;border-color:#0f172a;transform:translateY(-2px)}.article-tag-cloud{margin:3rem 0 1rem 0;padding:1.5rem;background:linear-gradient(to bottom, #f9fafb, #fff);border-radius:8px;border-top:1px solid #e2e8f0}.article-tag-cloud h3{font-size:1.2rem;margin:0 0 1rem 0;color:#111827;font-weight:600}.article-tag-cloud .tag-cloud{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;align-items:center}.article-tag-cloud .tag-cloud .tag-cloud-item{display:inline-block;padding:5px 12px;background:#f1f5f9;border-radius:20px;color:#374151;border:1px solid #e5e7eb;text-decoration:none;transition:all 0.3s ease;font-weight:500}.article-tag-cloud .tag-cloud .tag-cloud-item:before{content:"#";opacity:0.6;margin-right:3px}.article-tag-cloud .tag-cloud .tag-cloud-item:hover{background:#0f172a;color:#fff;border-color:#0f172a;transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.article-tag-cloud .tag-cloud .tag-cloud-item.tag-size-sm{font-size:0.75rem}.article-tag-cloud .tag-cloud .tag-cloud-item.tag-size-md{font-size:0.85rem}.article-tag-cloud .tag-cloud .tag-cloud-item.tag-size-lg{font-size:1rem;font-weight:600}.article-tag-cloud .tag-cloud .tag-cloud-item.tag-size-xl{font-size:1.1rem;font-weight:700;padding:6px 14px}html:not(.admin-preview-active) .future-post-item{display:none !important}html.admin-preview-active .future-post-item{display:block !important}.glass-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);transition:250ms ease-in-out}.glass-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.hero-section-modern{position:relative;min-height:40vh;display:flex;align-items:center;background:#fafafa;overflow:hidden;padding:.5rem 0}.hero-section-modern .hero-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none}.hero-section-modern .hero-layout{display:grid;grid-template-columns:1fr 2fr;gap:1rem;align-items:center;min-height:30vh;width:100%}@media (max-width: 968px){.hero-section-modern .hero-layout{grid-template-columns:1fr;gap:2rem;text-align:center;min-height:auto}}.hero-section-modern .hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:250px}@media (max-width: 968px){.hero-section-modern .hero-visual{min-height:200px;order:-1}}.hero-section-modern .profile-container-modern{position:relative;width:200px;height:200px;padding:.5rem;animation:float 3s ease-in-out infinite;display:flex;align-items:center;justify-content:center;background-color:#0f172a}@media (max-width: 768px){.hero-section-modern .profile-container-modern{width:180px;height:180px}}.hero-section-modern .profile-image-modern{width:100%;height:100%;border-radius:1rem;object-fit:cover;transition:250ms ease-in-out}.hero-section-modern .profile-status-indicator{display:none}.hero-section-modern .floating-tech-icons{display:none}.hero-section-modern .hero-content{padding:0;display:flex;flex-direction:column;justify-content:center;min-height:auto}@media (max-width: 968px){.hero-section-modern .hero-content{min-height:auto;padding:.5rem 0}}.hero-section-modern .hero-greeting{font-size:1.2rem;color:#0f172a;margin-bottom:.5rem;font-weight:500}.hero-section-modern .hero-title{font-size:clamp(2rem, 4vw, 3rem);font-weight:900;margin-bottom:.5rem;line-height:1.1}.hero-section-modern .text-gradient-animated{color:#111827;background:none;-webkit-text-fill-color:#111827;animation:none}.hero-section-modern .hero-subtitle{font-size:1.25rem;color:#374151;margin-bottom:.5rem;font-weight:500}.hero-section-modern .typing-effect{position:relative}.hero-section-modern .typing-effect::after{content:'|';animation:blink 1s infinite}.hero-section-modern .hero-badges-modern{display:flex;gap:.25rem;margin-bottom:.5rem;flex-wrap:wrap;min-width:0}@media (max-width: 968px){.hero-section-modern .hero-badges-modern{justify-content:center}}.hero-section-modern .badge-modern{display:flex;align-items:center;gap:.25rem;padding:.25rem 1rem;border-radius:9999px;font-weight:600;font-size:.75rem;background-color:#0f172a;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-section-modern .badge-modern .badge-icon{font-size:1.2rem}.hero-section-modern .hero-metrics-compact{display:flex;gap:1.5rem;margin:.5rem 0;flex-wrap:wrap;justify-content:flex-start;min-width:0}@media (max-width: 968px){.hero-section-modern .hero-metrics-compact{justify-content:center}}@media (max-width: 768px){.hero-section-modern .hero-metrics-compact{gap:1rem}}.hero-section-modern .metric-inline{display:flex;align-items:baseline;gap:.25rem;min-width:0}.hero-section-modern .metric-inline .metric-value{font-size:1.5rem;font-weight:900;color:#0f172a}.hero-section-modern .metric-inline .metric-label{font-size:.875rem;color:#374151;font-weight:500}.hero-section-modern .metric-card{text-align:center;padding:1rem;border-radius:.75rem}.hero-section-modern .metric-card .metric-value{font-size:2rem;font-weight:900;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.hero-section-modern .metric-card .metric-value.metric-infinity{font-size:3rem;animation:pulse-soft 2s ease-in-out infinite}.hero-section-modern .metric-card .metric-label{font-size:.875rem;color:#374151;font-weight:500}.hero-section-modern .hero-highlights-modern{display:none}.hero-section-modern .highlight-card{display:flex;align-items:center;gap:.5rem;padding:1rem;background:rgba(255,255,255,0.8);border-radius:.75rem;border-left:3px solid #0f172a;transition:250ms ease-in-out}.hero-section-modern .highlight-card .highlight-icon-modern{font-size:1.5rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg, #0f172a, #1e293b);border-radius:9999px;flex-shrink:0;color:white}.hero-section-modern .highlight-card .highlight-icon-modern svg{color:white;fill:none;stroke:currentColor}.hero-section-modern .highlight-card .highlight-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:#111827}.hero-section-modern .highlight-card .highlight-content p{font-size:.875rem;color:#374151;margin:0}.section-unified,.expertise-section-clean,.publications-section-modern{padding:1rem 0;position:relative;overflow:hidden}.section-header-clean{text-align:center;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:10}.section-header-clean .section-title-clean{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#111827;line-height:1.2}.section-header-clean .section-subtitle-clean{font-size:1.1rem;color:#374151;line-height:1.5;margin:0}.grid-unified{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;max-width:900px;margin:0 auto;position:relative;z-index:10}@media (max-width: 768px){.grid-unified{grid-template-columns:1fr;max-width:500px}}.expertise-section-clean .grid-unified{display:flex;flex-direction:column;max-width:100%;gap:1.5rem}.expertise-section-clean .grid-unified .expertise-card-beautiful{width:100%;max-width:none}.modules-section-modern .grid-unified{display:flex;flex-direction:column;max-width:100%;gap:1.5rem}.modules-section-modern .grid-unified .module-card-beautiful{width:100%;max-width:none;display:flex;flex-direction:row;align-items:stretch;min-height:180px}.modules-section-modern .grid-unified .module-card-beautiful .module-image-beautiful{width:250px;height:auto;min-height:180px;flex-shrink:0;border-radius:1rem 0 0 1rem}.modules-section-modern .grid-unified .module-card-beautiful .module-image-beautiful img{width:100% !important;height:100% !important;object-fit:contain !important;background:#f8fafc;object-position:center}.modules-section-modern .grid-unified .module-card-beautiful .module-content-container{flex:1;display:flex;flex-direction:column;padding:1.5rem}.modules-section-modern .grid-unified .module-card-beautiful .module-content-container .module-header-beautiful{padding:0 0 .5rem 0}.modules-section-modern .grid-unified .module-card-beautiful .module-content-container .module-header-beautiful .module-title-beautiful{font-size:1.2rem;margin-bottom:.5rem;line-height:1.2}.modules-section-modern .grid-unified .module-card-beautiful .module-content-container .module-header-beautiful .module-tags-beautiful{margin-bottom:.5rem}.modules-section-modern .grid-unified .module-card-beautiful .module-content-container .module-content-beautiful{flex:1;padding:0}.modules-section-modern .grid-unified .module-card-beautiful .module-content-container .module-content-beautiful .module-description-beautiful{font-size:0.9rem;line-height:1.5;margin-bottom:1rem}.modules-section-modern .grid-unified .module-card-beautiful .module-content-container .module-footer-beautiful{padding:0;margin-top:auto}@media (max-width: 768px){.modules-section-modern .grid-unified .module-card-beautiful{flex-direction:column;min-height:auto}.modules-section-modern .grid-unified .module-card-beautiful .module-image-beautiful{width:100%;height:180px;min-height:auto;border-radius:1rem 1rem 0 0}.modules-section-modern .grid-unified .module-card-beautiful .module-content-container{padding:1rem}}.publications-section-modern .grid-unified{display:flex;flex-direction:column;max-width:100%;gap:1.5rem}.publications-section-modern .grid-unified .publication-card-beautiful{width:100%;max-width:none;display:flex;flex-direction:row;align-items:stretch;min-height:180px}.publications-section-modern .grid-unified .publication-card-beautiful .publication-image-beautiful{width:250px;height:auto;min-height:180px;flex-shrink:0;border-radius:1rem 0 0 1rem}.publications-section-modern .grid-unified .publication-card-beautiful .publication-content-container{flex:1;display:flex;flex-direction:column;padding:1.5rem}.publications-section-modern .grid-unified .publication-card-beautiful .publication-content-container .publication-header-beautiful{padding:0 0 .5rem 0}.publications-section-modern .grid-unified .publication-card-beautiful .publication-content-container .publication-header-beautiful .publication-meta-beautiful{margin-bottom:.25rem}.publications-section-modern .grid-unified .publication-card-beautiful .publication-content-container .publication-header-beautiful .publication-title-beautiful{font-size:1.2rem;margin-bottom:.5rem;line-height:1.2}.publications-section-modern .grid-unified .publication-card-beautiful .publication-content-container .publication-content-beautiful{flex:1;padding:0}.publications-section-modern .grid-unified .publication-card-beautiful .publication-content-container .publication-content-beautiful .publication-excerpt-beautiful{font-size:0.9rem;line-height:1.5;margin-bottom:.5rem}.publications-section-modern .grid-unified .publication-card-beautiful .publication-content-container .publication-content-beautiful .publication-topics-beautiful{margin-bottom:.5rem}.publications-section-modern .grid-unified .publication-card-beautiful .publication-content-container .publication-footer-beautiful{padding:0;margin-top:auto}@media (max-width: 768px){.publications-section-modern .grid-unified .publication-card-beautiful{flex-direction:column;min-height:auto}.publications-section-modern .grid-unified .publication-card-beautiful .publication-image-beautiful{width:100%;height:180px;min-height:auto;border-radius:1rem 1rem 0 0}.publications-section-modern .grid-unified .publication-card-beautiful .publication-content-container{padding:1rem}}.expertise-section-clean{background:#fafafa}.expertise-section-clean::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 25%, rgba(15,23,42,0.15) 0%, transparent 30%),radial-gradient(circle at 85% 75%, rgba(16,185,129,0.12) 0%, transparent 35%),radial-gradient(circle at 50% 50%, rgba(30,41,59,0.08) 0%, transparent 40%);animation:tech-pulse 6s ease-in-out infinite;z-index:0}.expertise-section-clean::after{content:'</> PHP {} JS 🔧';position:absolute;top:15%;right:8%;font-family:'JetBrains Mono', monospace;font-size:2.5rem;color:rgba(15,23,42,0.15);font-weight:bold;animation:float-code 10s ease-in-out infinite;z-index:0;pointer-events:none;transform:rotate(-12deg);text-shadow:0 0 10px rgba(15,23,42,0.2)}@keyframes tech-pulse{0%, 100%{opacity:0.8;transform:scale(1) rotate(0deg)}33%{opacity:1;transform:scale(1.08) rotate(0.5deg)}66%{opacity:0.9;transform:scale(1.03) rotate(-0.3deg)}}@keyframes float-code{0%, 100%{transform:rotate(-12deg) translateY(0) translateX(0);opacity:0.15}25%{transform:rotate(-8deg) translateY(-8px) translateX(5px);opacity:0.25}50%{transform:rotate(-15deg) translateY(-3px) translateX(-3px);opacity:0.2}75%{transform:rotate(-10deg) translateY(-12px) translateX(8px);opacity:0.18}}.modules-section-modern{padding:1.5rem 0;background-color:#f8fafc;border-top:1px solid rgba(226,232,240,0.8);border-bottom:1px solid rgba(226,232,240,0.8)}.modules-section-modern .section-header-clean{margin-bottom:1.5rem}.modules-section-modern .section-header-clean .section-title-clean{font-size:1.7rem}.modules-section-modern .grid-unified{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}@media (min-width: 1200px){.modules-section-modern .grid-unified{grid-template-columns:repeat(4, 1fr)}}.modules-section-modern .module-card-beautiful{height:100%;max-height:none;display:flex;flex-direction:column}.modules-section-modern .module-card-beautiful .module-image-beautiful{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:white}.modules-section-modern .module-card-beautiful .module-image-beautiful img{max-width:85%;max-height:85%;object-fit:contain;transition:transform 0.3s ease}.modules-section-modern .module-card-beautiful .module-content-container{display:flex;flex-direction:column;flex:1}.modules-section-modern .module-card-beautiful .module-header-beautiful{padding:1rem 1.5rem .5rem}.modules-section-modern .module-card-beautiful .module-header-beautiful .module-title-beautiful{font-size:1.3rem;margin-bottom:.5rem;font-weight:700;line-height:1.3;min-height:2.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.modules-section-modern .module-card-beautiful .module-content-beautiful{padding:0 1.5rem .5rem;flex:1}.modules-section-modern .module-card-beautiful .module-content-beautiful .module-description-beautiful{font-size:0.95rem;line-height:1.6;color:#374151;margin-bottom:1rem}.modules-section-modern .module-card-beautiful .module-footer-beautiful{padding:.5rem 1.5rem 1.5rem;margin-top:auto}.modules-section-modern .module-card-beautiful:hover .module-image-beautiful img{transform:scale(1.08)}.modules-section-modern .view-all-section{margin-top:2rem;text-align:center}.modules-section-modern .view-all-section .view-all-btn{display:inline-flex;align-items:center;font-size:1rem;padding:.5rem 2rem;border-radius:.75rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:white;font-weight:600;box-shadow:0 4px 12px rgba(15,23,42,0.15);transition:all 0.3s ease;text-decoration:none}.modules-section-modern .view-all-section .view-all-btn svg{margin-left:.5rem;width:16px;height:16px;transition:transform 0.3s ease}.modules-section-modern .view-all-section .view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(15,23,42,0.2)}.modules-section-modern .view-all-section .view-all-btn:hover svg{transform:translateX(3px)}@keyframes ecommerce-glow{0%, 100%{opacity:0.9;transform:scale(1) rotate(0deg)}25%{opacity:1;transform:scale(1.06) rotate(0.8deg)}50%{opacity:0.95;transform:scale(1.03) rotate(-0.5deg)}75%{opacity:1;transform:scale(1.08) rotate(1.2deg)}}@keyframes shop-float{0%, 100%{transform:translateX(0) translateY(0) rotate(0deg);opacity:0.25}20%{transform:translateX(8px) translateY(-4px) rotate(2deg);opacity:0.3}40%{transform:translateX(-3px) translateY(-8px) rotate(-1deg);opacity:0.28}60%{transform:translateX(12px) translateY(3px) rotate(3deg);opacity:0.32}80%{transform:translateX(-6px) translateY(-2px) rotate(-2deg);opacity:0.26}}.publications-section-modern{background:#fafafa;padding:1.5rem 0;border-top:1px solid rgba(226,232,240,0.8);border-bottom:1px solid rgba(226,232,240,0.8)}.publications-section-modern .section-header-clean{margin-bottom:1.5rem}.publications-section-modern .section-header-clean .section-title-clean{font-size:1.7rem}.publications-section-modern .grid-unified{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem}.publications-section-modern .publication-card-beautiful{max-height:380px}.publications-section-modern .publication-card-beautiful .publication-image-beautiful{height:140px}.publications-section-modern .publication-card-beautiful .publication-header-beautiful{padding:.5rem 1.5rem .5rem}.publications-section-modern .publication-card-beautiful .publication-header-beautiful .publication-title-beautiful{font-size:1.2rem;margin-bottom:.5rem}.publications-section-modern .publication-card-beautiful .publication-content-beautiful{padding:0 1.5rem .5rem}.publications-section-modern .publication-card-beautiful .publication-content-beautiful .publication-excerpt-beautiful{font-size:0.9rem;margin-bottom:.5rem;max-height:3.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.publications-section-modern .publication-card-beautiful .publication-footer-beautiful{padding:.5rem 1.5rem}.publications-section-modern .view-all-section{margin-top:1.5rem}.publications-section-modern .view-all-section .view-all-btn{font-size:0.9rem;padding:.25rem 1.5rem}@media (max-width: 768px){.expertise-section-clean::after,.modules-section-modern::after,.publications-section-modern::after{display:none}}.btn,.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem;text-decoration:none;transition:250ms ease-in-out;cursor:pointer;border:none;position:relative;overflow:hidden}.btn--large{padding:1rem 2rem;font-size:1.1rem}.btn--primary{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff;box-shadow:0 10px 25px rgba(15,23,42,0.15)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04),0 10px 25px rgba(15,23,42,0.15);text-decoration:none;color:#fff}.btn--primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:350ms ease-in-out}.btn--primary:hover::before{left:100%}.btn--secondary{background:transparent;color:#0f172a;border:2px solid #0f172a}.btn--secondary:hover{background:#0f172a;color:#fff;transform:translateY(-1px);text-decoration:none}.btn--ghost{background:transparent;color:#111827;border:1px solid #e2e8f0}.btn--ghost:hover{background:#fafafa;border-color:#0f172a;color:#0f172a;text-decoration:none}.btn-modern svg{width:18px;height:18px;transition:250ms ease-in-out}.btn-modern:hover svg{transform:scale(1.1)}@keyframes float{0%, 100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}100%{transform:scale(1);opacity:1}}@keyframes blink{0%, 50%{opacity:1}51%, 100%{opacity:0}}@keyframes pulse-soft{0%, 100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}.card-modern{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);overflow:hidden;transition:250ms ease-in-out;position:relative}.card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);transform:scaleX(0);transition:250ms ease-in-out}.card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.card-modern:hover::before{transform:scaleX(1)}.card-modern .card-header{padding:1rem;border-bottom:1px solid #e2e8f0;position:relative}.card-modern .card-body{padding:1rem}.card-modern .card-footer{padding:1.5rem 2rem;background:#fafafa;border-top:1px solid #e2e8f0}.nav-modern{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,0.5);position:fixed;top:0;left:0;right:0;z-index:1020;transition:250ms ease-in-out}.nav-modern.scrolled{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);background:rgba(255,255,255,0.98)}.nav-modern .nav-brand{font-weight:700;font-size:1.5rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-modern .nav-link{position:relative;padding:.5rem 1rem;color:#111827;text-decoration:none;transition:150ms ease-in-out}.nav-modern .nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);transition:250ms ease-in-out;transform:translateX(-50%)}.nav-modern .nav-link:hover,.nav-modern .nav-link.active{color:#0f172a}.nav-modern .nav-link:hover::after,.nav-modern .nav-link.active::after{width:80%}.skill-modern .skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-modern .skill-name{font-weight:600;color:#111827}.skill-modern .skill-percentage{font-size:.875rem;color:#374151;font-weight:500}.skill-modern .skill-bar{height:8px;background:#e2e8f0;border-radius:9999px;overflow:hidden;position:relative}.skill-modern .skill-bar .skill-progress{height:100%;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);border-radius:9999px;position:relative;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.skill-modern .skill-bar .skill-progress.animate{transform:scaleX(1)}.skill-modern .skill-bar .skill-progress::after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:rgba(255,255,255,0.5);border-radius:9999px}.testimonial-modern{position:relative;padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border-left:4px solid #0f172a}.testimonial-modern::before{content:'"';position:absolute;top:-10px;left:1.5rem;font-size:4rem;color:#0f172a;opacity:0.3;font-family:Georgia, serif}.testimonial-modern .testimonial-content{font-style:italic;margin-bottom:1rem;line-height:1.7}.testimonial-modern .testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-modern .testimonial-author .author-avatar{width:50px;height:50px;border-radius:9999px;border:3px solid #0f172a}.testimonial-modern .testimonial-author .author-info .author-name{font-weight:600;color:#111827;margin:0}.testimonial-modern .testimonial-author .author-info .author-role{font-size:.875rem;color:#374151;margin:0}@media (prefers-color-scheme: dark){.hero-section-modern{background:linear-gradient(135deg, rgba(30,58,138,0.1) 0%, rgba(67,56,202,0.1) 100%)}.card-modern{background:#334155;color:#111827}.card-modern .card-footer{background:#1E293B}.nav-modern{background:rgba(255,255,255,0.95);border-bottom-color:rgba(17,24,39,0.1)}.nav-modern.scrolled{background:rgba(30,41,59,0.98)}.nav-modern .nav-link{color:#111827}.nav-modern .nav-link:hover,.nav-modern .nav-link.active{color:#111827}.testimonial-modern{background:#334155;color:#111827;border-left-color:#d4af37}.glass-card{background:rgba(51,65,85,0.8);border-color:rgba(17,24,39,0.2)}}@media (max-width: 768px){.hero-section-modern .hero-layout{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-section-modern .hero-badges-modern{justify-content:center}.hero-section-modern .hero-metrics{grid-template-columns:1fr}.hero-section-modern .hero-highlights-modern{grid-template-columns:1fr}.expertise-grid-modern{grid-template-columns:1fr}.modules-showcase{grid-template-columns:1fr}.publications-grid{grid-template-columns:1fr}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,0.3);pointer-events:none;transform:scale(0);animation:rippleAnimation 600ms linear}@keyframes rippleAnimation{to{transform:scale(4);opacity:0}}body{position:relative;overflow-x:hidden}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0.6}.floating-particles{position:absolute;width:100%;height:100%}.floating-particles .particle{position:absolute;background:radial-gradient(circle, rgba(15,23,42,0.2) 0%, rgba(212,175,55,0.1) 100%);border-radius:50%;animation:float-particle 15s infinite ease-in-out}.floating-particles .particle:nth-child(1){width:8px;height:8px;top:20%;left:10%;animation-delay:0s;animation-duration:20s}.floating-particles .particle:nth-child(2){width:12px;height:12px;top:60%;left:80%;animation-delay:-5s;animation-duration:25s}.floating-particles .particle:nth-child(3){width:6px;height:6px;top:80%;left:20%;animation-delay:-10s;animation-duration:18s}.floating-particles .particle:nth-child(4){width:10px;height:10px;top:40%;left:60%;animation-delay:-15s;animation-duration:22s}.floating-particles .particle:nth-child(5){width:4px;height:4px;top:10%;left:70%;animation-delay:-8s;animation-duration:16s}.floating-particles .particle:nth-child(6){width:14px;height:14px;top:70%;left:40%;animation-delay:-12s;animation-duration:28s}@keyframes float-particle{0%, 100%{transform:translateY(0) translateX(0) scale(1);opacity:0.3}25%{transform:translateY(-20px) translateX(10px) scale(1.1);opacity:0.6}50%{transform:translateY(-10px) translateX(-15px) scale(0.9);opacity:0.4}75%{transform:translateY(-30px) translateX(5px) scale(1.05);opacity:0.5}}.gradient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(45deg, rgba(249,250,251,0.8) 0%, rgba(243,244,246,0.9) 25%, rgba(249,250,251,0.8) 50%, rgba(245,247,250,0.9) 75%, rgba(249,250,251,0.8) 100%);background-size:400% 400%;animation:gradient-shift 30s ease infinite}@keyframes gradient-shift{0%, 100%{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.animated-background{opacity:0.3}.floating-particles .particle{animation-duration:30s}}.tech-tag{padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:500}.tech-tag--prestashop{background:rgba(223,49,99,0.1);color:#df3163}.tech-tag--api{background:rgba(15,23,42,0.1);color:#0f172a}.tech-tag--integration{background:rgba(15,23,42,0.1);color:#059669}.tech-tag--ecommerce{background:rgba(245,158,11,0.1);color:#d4af37}.view-all-section{text-align:center;padding:1rem 0;position:relative;z-index:10}.view-all-section .view-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:white;text-decoration:none;border-radius:.75rem;font-weight:600;font-size:1rem;transition:250ms ease-in-out;box-shadow:0 4px 12px rgba(15,23,42,0.25);border:1px solid rgba(15,23,42,0.1);position:relative;overflow:hidden}.view-all-section .view-all-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);transition:250ms ease-in-out}.view-all-section .view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,0.35);color:white;text-decoration:none}.view-all-section .view-all-btn:hover::before{left:100%}.view-all-section .view-all-btn svg{width:16px;height:16px;transition:150ms ease-in-out}.view-all-section .view-all-btn:hover svg{transform:translateX(2px)}.publications-cta{text-align:center;position:relative;z-index:10}.publications-cta .cta-content-modern{max-width:600px;margin:0 auto;padding:3rem;text-align:center}.publications-cta .cta-content-modern h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#111827}.publications-cta .cta-content-modern p{color:#374151;margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.module-features{margin-bottom:1rem}.module-features .feature-highlight{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(34,197,94,0.1);color:#16a34a;border-radius:.5rem;font-size:.875rem;font-weight:500}.card-base,.expertise-card-beautiful,.module-card-beautiful,.publication-card-beautiful{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:250ms ease-in-out;position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.card-base:hover,.expertise-card-beautiful:hover,.module-card-beautiful:hover,.publication-card-beautiful:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.card-base::before,.expertise-card-beautiful::before,.module-card-beautiful::before,.publication-card-beautiful::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, transparent 0%, var(--card-accent, #0f172a) 50%, transparent 100%);transform:scaleX(0);transition:250ms ease-in-out}.card-base:hover::before,.expertise-card-beautiful:hover::before,.module-card-beautiful:hover::before,.publication-card-beautiful:hover::before{transform:scaleX(1)}.expertise-card-beautiful{--card-accent: $primary-color;padding:0;overflow:hidden}.expertise-card-beautiful .expertise-card-inner{display:flex;align-items:stretch;min-height:180px}.expertise-card-beautiful .expertise-card-inner .expertise-visual{flex:0 0 140px;background:linear-gradient(135deg, rgba(15,23,42,0.1) 0%, rgba(30,41,59,0.15) 100%);display:flex !important;flex-direction:column !important;align-items:center;justify-content:center;position:relative;gap:.5rem}.expertise-card-beautiful .expertise-card-inner .expertise-visual .expertise-icon-beautiful{width:70px;height:70px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:white;margin-bottom:1rem;box-shadow:0 8px 25px rgba(15,23,42,0.3);transition:250ms ease-in-out}.expertise-card-beautiful .expertise-card-inner .expertise-visual .expertise-badge-beautiful{background:linear-gradient(135deg, #d4af37 0%, #b29126 100%);color:white;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(245,158,11,0.4);position:relative;z-index:2;display:inline-block;white-space:nowrap}.expertise-card-beautiful .expertise-card-inner .expertise-visual::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, rgba(15,23,42,0.02) 0%, rgba(30,41,59,0.05) 100%);opacity:0;transition:250ms ease-in-out}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:center}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-title-beautiful{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#111827;line-height:1.2}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-description-beautiful{color:#374151;line-height:1.7;margin-bottom:1rem;font-size:1rem}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-skills-beautiful{display:flex;flex-wrap:wrap;gap:.5rem}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-skills-beautiful .skill-beautiful{padding:.25rem 1rem;background:linear-gradient(135deg, rgba(15,23,42,0.08) 0%, rgba(30,41,59,0.12) 100%);color:#0f172a;border-radius:9999px;font-size:.875rem;font-weight:600;border:1px solid rgba(15,23,42,0.2);transition:150ms ease-in-out}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-skills-beautiful .skill-beautiful:hover{background:linear-gradient(135deg, rgba(15,23,42,0.15) 0%, rgba(30,41,59,0.2) 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(15,23,42,0.2)}.expertise-card-beautiful:hover .expertise-visual::before{opacity:1}.expertise-card-beautiful:hover .expertise-visual .expertise-icon-beautiful{transform:scale(1.05) rotate(5deg);box-shadow:0 12px 35px rgba(15,23,42,0.4)}@media (max-width: 768px){.expertise-card-beautiful .expertise-card-inner{flex-direction:column}.expertise-card-beautiful .expertise-card-inner .expertise-visual{flex:0 0 120px;flex-direction:row;justify-content:space-between;padding:1.5rem}.expertise-card-beautiful .expertise-card-inner .expertise-visual .expertise-icon-beautiful{margin-bottom:0;width:60px;height:60px;font-size:1.8rem}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful{padding:1.5rem}}.module-card-beautiful{--card-accent: $accent-color-1;padding:0}.module-card-beautiful .module-image-beautiful{width:100%;height:200px;background:linear-gradient(135deg, rgba(245,158,11,0.1) 0%, rgba(34,197,94,0.15) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.module-card-beautiful .module-image-beautiful img{width:100%;height:100%;object-fit:contain;object-position:center;background:#f8fafc;transition:250ms ease-in-out}.module-card-beautiful .module-image-beautiful .module-overlay-beautiful{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(245,158,11,0.8) 0%, rgba(34,197,94,0.8) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:250ms ease-in-out}.module-card-beautiful .module-image-beautiful .module-overlay-beautiful .preview-btn{padding:1rem 2rem;background:rgba(255,255,255,0.95);color:#d4af37;border-radius:.75rem;font-weight:700;text-decoration:none;box-shadow:0 8px 25px rgba(0,0,0,0.2);transform:translateY(10px);transition:250ms ease-in-out}.module-card-beautiful .module-image-beautiful .module-overlay-beautiful .preview-btn:hover{transform:translateY(8px) scale(1.05);color:#d4af37;text-decoration:none}.module-card-beautiful .module-image-beautiful:empty::before{content:'';display:none}.module-card-beautiful .module-header-beautiful{padding:1rem 2rem 1.5rem}.module-card-beautiful .module-header-beautiful .module-title-beautiful{font-size:1.4rem;font-weight:700;color:#111827;margin-bottom:1rem;line-height:1.3}.module-card-beautiful .module-header-beautiful .module-tags-beautiful{display:flex;flex-wrap:wrap;gap:.5rem}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful{padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful--prestashop{background:linear-gradient(135deg, rgba(223,49,99,0.1) 0%, rgba(219,39,119,0.15) 100%);color:#dc2626;border:1px solid rgba(223,49,99,0.2)}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful--api{background:linear-gradient(135deg, rgba(15,23,42,0.1) 0%, rgba(30,41,59,0.15) 100%);color:#2563eb;border:1px solid rgba(15,23,42,0.2)}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful--integration{background:linear-gradient(135deg, rgba(16,185,129,0.1) 0%, rgba(5,150,105,0.15) 100%);color:#059669;border:1px solid rgba(16,185,129,0.2)}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful--ecommerce{background:linear-gradient(135deg, rgba(245,158,11,0.1) 0%, rgba(217,119,6,0.15) 100%);color:#b29126;border:1px solid rgba(245,158,11,0.2)}.module-card-beautiful .module-content-beautiful{padding:0 2rem 1.5rem;flex:1;display:flex;flex-direction:column}.module-card-beautiful .module-content-beautiful .module-description-beautiful{color:#374151;line-height:1.7;font-size:1rem;margin-bottom:1rem;flex:1}.module-card-beautiful .module-footer-beautiful{padding:1rem 2rem 2rem}.module-card-beautiful .module-footer-beautiful .module-action-beautiful{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1.5rem;background:transparent;color:#0f172a;text-decoration:none;border:1px solid rgba(15,23,42,0.3);border-radius:.5rem;font-weight:500;font-size:0.9rem;transition:250ms ease-in-out}.module-card-beautiful .module-footer-beautiful .module-action-beautiful:hover{background:rgba(15,23,42,0.05);border-color:#0f172a;color:#0f172a;text-decoration:none;transform:translateY(-1px)}.module-card-beautiful .module-footer-beautiful .module-action-beautiful svg{width:14px;height:14px;transition:150ms ease-in-out;flex-shrink:0}.module-card-beautiful .module-footer-beautiful .module-action-beautiful:hover svg{transform:translateX(2px)}.module-card-beautiful:hover .module-image-beautiful img{transform:scale(1.05)}.module-card-beautiful:hover .module-image-beautiful .module-overlay-beautiful{opacity:1}.module-card-beautiful:hover .module-image-beautiful .module-overlay-beautiful .preview-btn{transform:translateY(0)}.publication-card-beautiful{--card-accent: $accent-color-1;padding:0}.publication-card-beautiful .publication-image-beautiful{width:100%;height:180px;background:linear-gradient(135deg, rgba(139,92,246,0.1) 0%, rgba(15,23,42,0.15) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.publication-card-beautiful .publication-image-beautiful img{width:100%;height:100%;object-fit:cover;transition:250ms ease-in-out}.publication-card-beautiful .publication-image-beautiful .publication-category-beautiful{position:absolute;top:1rem;right:1rem;padding:.25rem 1rem;background:rgba(139,92,246,0.9);color:white;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;backdrop-filter:blur(4px)}.publication-card-beautiful .publication-image-beautiful:empty::before{content:'📝';font-size:4rem;color:rgba(139,92,246,0.3)}.publication-card-beautiful .publication-header-beautiful{padding:1rem 2rem 1.5rem}.publication-card-beautiful .publication-header-beautiful .publication-meta-beautiful{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.publication-card-beautiful .publication-header-beautiful .publication-meta-beautiful .publication-type-beautiful{padding:.25rem 1rem;background:linear-gradient(135deg, rgba(139,92,246,0.1) 0%, rgba(30,41,59,0.15) 100%);color:#059669;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(139,92,246,0.2)}.publication-card-beautiful .publication-header-beautiful .publication-meta-beautiful .publication-time-beautiful{color:#374151;font-size:.875rem;font-weight:500}.publication-card-beautiful .publication-header-beautiful .publication-title-beautiful{font-size:1.4rem;font-weight:700;color:#111827;line-height:1.3;margin-bottom:1rem}.publication-card-beautiful .publication-content-beautiful{padding:0 2rem 1.5rem;flex:1;display:flex;flex-direction:column}.publication-card-beautiful .publication-content-beautiful .publication-excerpt-beautiful{color:#374151;line-height:1.7;font-size:1rem;margin-bottom:1rem;flex:1}.publication-card-beautiful .publication-content-beautiful .publication-topics-beautiful{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.publication-card-beautiful .publication-content-beautiful .publication-topics-beautiful .topic-beautiful{padding:.25rem .5rem;background:linear-gradient(135deg, rgba(139,92,246,0.08) 0%, rgba(30,41,59,0.12) 100%);color:#059669;border-radius:.5rem;font-size:.75rem;font-weight:600;border:1px solid rgba(139,92,246,0.15)}.publication-card-beautiful .publication-footer-beautiful{padding:1.5rem 2rem 2rem}.publication-card-beautiful .publication-footer-beautiful .publication-link-beautiful{display:inline-flex;align-items:center;gap:.5rem;color:#059669;text-decoration:none;font-weight:700;font-size:1rem;transition:250ms ease-in-out;padding:1rem 0}.publication-card-beautiful .publication-footer-beautiful .publication-link-beautiful:hover{gap:1rem;color:#6d28d9;text-decoration:none;transform:translateX(3px)}.publication-card-beautiful .publication-footer-beautiful .publication-link-beautiful svg{width:18px;height:18px;transition:150ms ease-in-out}.publication-card-beautiful .publication-footer-beautiful .publication-link-beautiful:hover svg{transform:translateX(4px)}.publication-card-beautiful:hover .publication-image-beautiful img{transform:scale(1.05)}.view-all-articles-btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2.5rem;background:linear-gradient(135deg, #d4af37 0%, #1e293b 100%);color:white;text-decoration:none;border-radius:1rem;font-weight:700;font-size:1.1rem;transition:250ms ease-in-out;box-shadow:0 8px 25px rgba(139,92,246,0.3);border:2px solid transparent;position:relative;overflow:hidden;min-height:64px}.view-all-articles-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:250ms ease-in-out}.view-all-articles-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px rgba(139,92,246,0.4);color:white;text-decoration:none}.view-all-articles-btn:hover::before{left:100%}.view-all-articles-btn:active{transform:translateY(-2px) scale(1.01)}.view-all-articles-btn svg{width:24px;height:24px;transition:150ms ease-in-out}.view-all-articles-btn:hover svg{transform:translateX(3px) rotate(5deg)}.view-all-articles-btn .btn-text{position:relative;z-index:1}.breadcrumb{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:.5rem;margin-top:.5rem;margin-bottom:.5rem;box-shadow:none}.breadcrumb a,.breadcrumb span{display:flex;align-items:center;gap:.25rem;text-decoration:none;font-weight:500;font-size:0.85rem;transition:150ms ease-in-out;padding:.25rem .5rem;border-radius:.25rem;background:transparent;border:none;box-shadow:none}.breadcrumb a{color:#374151}.breadcrumb a:hover{color:#0f172a;background:transparent;text-decoration:none}.breadcrumb a:first-child{color:#0f172a;font-weight:600}.breadcrumb a:first-child::before{content:'';display:inline-block;width:16px;height:16px;margin-right:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:text-bottom}.breadcrumb span{color:#111827;font-weight:600;background:rgba(15,23,42,0.04);border:none}.breadcrumb a+a::before,.breadcrumb a+span::before{content:'›';color:#374151;font-size:0.8rem;margin:0 .25rem}@media (max-width: 768px){.breadcrumb{padding:.25rem .5rem;margin:.25rem 0 .5rem}.breadcrumb a,.breadcrumb span{font-size:0.8rem;padding:2px .25rem;background:transparent;border:none}.breadcrumb a:first-child::before{content:'';display:inline-block;width:14px;height:14px;margin-right:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:text-bottom}}.skills-category-modern[data-category]{position:relative;background:linear-gradient(135deg, rgba(15,23,42,0.04) 0%, rgba(30,41,59,0.06) 100%);border-radius:1rem;margin:2rem 0;padding:2.5rem;overflow:hidden}.skills-category-modern[data-category]::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(15,23,42,0.12) 0%, transparent 40%),radial-gradient(circle at 80% 70%, rgba(30,41,59,0.1) 0%, transparent 35%),radial-gradient(circle at 45% 10%, rgba(67,56,202,0.08) 0%, transparent 45%);animation:php-matrix 8s ease-in-out infinite;z-index:0}.skills-category-modern[data-category="php-backend"]::after,.skills-category-modern[data-category="devops"]::after,.skills-category-modern[data-category="soft-skills"]::after{display:none}.skills-category-modern[data-category="php-backend"]::after{content:'{ } </> PHP <?php $code = "amazing"; ?> function() { return "backend"; }';position:absolute;top:12%;right:5%;font-family:'JetBrains Mono', 'Courier New', monospace;font-size:1.2rem;color:rgba(15,23,42,0.15);font-weight:bold;animation:code-float 12s ease-in-out infinite;z-index:0;pointer-events:none;transform:rotate(-12deg);text-shadow:0 0 15px rgba(15,23,42,0.2);white-space:nowrap;overflow:hidden;max-width:300px}@keyframes tech-pulse{0%, 100%{opacity:0.8;transform:scale(1) rotate(0deg)}33%{opacity:1;transform:scale(1.08) rotate(0.5deg)}66%{opacity:0.9;transform:scale(1.03) rotate(-0.3deg)}}@keyframes float-code{0%, 100%{transform:rotate(-12deg) translateY(0) translateX(0);opacity:0.15}25%{transform:rotate(-8deg) translateY(-8px) translateX(5px);opacity:0.25}50%{transform:rotate(-15deg) translateY(-3px) translateX(-3px);opacity:0.2}75%{transform:rotate(-10deg) translateY(-12px) translateX(8px);opacity:0.18}}.modules-section-modern{padding:1.5rem 0;background-color:#f8fafc;border-top:1px solid rgba(226,232,240,0.8);border-bottom:1px solid rgba(226,232,240,0.8)}.modules-section-modern .section-header-clean{margin-bottom:1.5rem}.modules-section-modern .section-header-clean .section-title-clean{font-size:1.7rem}.modules-section-modern .grid-unified{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}@media (min-width: 1200px){.modules-section-modern .grid-unified{grid-template-columns:repeat(4, 1fr)}}.modules-section-modern .module-card-beautiful{height:100%;max-height:none;display:flex;flex-direction:column}.modules-section-modern .module-card-beautiful .module-image-beautiful{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:white}.modules-section-modern .module-card-beautiful .module-image-beautiful img{max-width:85%;max-height:85%;object-fit:contain;transition:transform 0.3s ease}.modules-section-modern .module-card-beautiful .module-content-container{display:flex;flex-direction:column;flex:1}.modules-section-modern .module-card-beautiful .module-header-beautiful{padding:1rem 1.5rem .5rem}.modules-section-modern .module-card-beautiful .module-header-beautiful .module-title-beautiful{font-size:1.3rem;margin-bottom:.5rem;font-weight:700;line-height:1.3;min-height:2.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.modules-section-modern .module-card-beautiful .module-content-beautiful{padding:0 1.5rem .5rem;flex:1}.modules-section-modern .module-card-beautiful .module-content-beautiful .module-description-beautiful{font-size:0.95rem;line-height:1.6;color:#374151;margin-bottom:1rem}.modules-section-modern .module-card-beautiful .module-footer-beautiful{padding:.5rem 1.5rem 1.5rem;margin-top:auto}.modules-section-modern .module-card-beautiful:hover .module-image-beautiful img{transform:scale(1.08)}.modules-section-modern .view-all-section{margin-top:2rem;text-align:center}.modules-section-modern .view-all-section .view-all-btn{display:inline-flex;align-items:center;font-size:1rem;padding:.5rem 2rem;border-radius:.75rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:white;font-weight:600;box-shadow:0 4px 12px rgba(15,23,42,0.15);transition:all 0.3s ease;text-decoration:none}.modules-section-modern .view-all-section .view-all-btn svg{margin-left:.5rem;width:16px;height:16px;transition:transform 0.3s ease}.modules-section-modern .view-all-section .view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(15,23,42,0.2)}.modules-section-modern .view-all-section .view-all-btn:hover svg{transform:translateX(3px)}@keyframes ecommerce-glow{0%, 100%{opacity:0.9;transform:scale(1) rotate(0deg)}25%{opacity:1;transform:scale(1.06) rotate(0.8deg)}50%{opacity:0.95;transform:scale(1.03) rotate(-0.5deg)}75%{opacity:1;transform:scale(1.08) rotate(1.2deg)}}@keyframes shop-float{0%, 100%{transform:translateX(0) translateY(0) rotate(0deg);opacity:0.25}20%{transform:translateX(8px) translateY(-4px) rotate(2deg);opacity:0.3}40%{transform:translateX(-3px) translateY(-8px) rotate(-1deg);opacity:0.28}60%{transform:translateX(12px) translateY(3px) rotate(3deg);opacity:0.32}80%{transform:translateX(-6px) translateY(-2px) rotate(-2deg);opacity:0.26}}.publications-section-modern{background:#fafafa;padding:1.5rem 0;border-top:1px solid rgba(226,232,240,0.8);border-bottom:1px solid rgba(226,232,240,0.8)}.publications-section-modern .section-header-clean{margin-bottom:1.5rem}.publications-section-modern .section-header-clean .section-title-clean{font-size:1.7rem}.publications-section-modern .grid-unified{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem}.publications-section-modern .publication-card-beautiful{max-height:380px}.publications-section-modern .publication-card-beautiful .publication-image-beautiful{height:140px}.publications-section-modern .publication-card-beautiful .publication-header-beautiful{padding:.5rem 1.5rem .5rem}.publications-section-modern .publication-card-beautiful .publication-header-beautiful .publication-title-beautiful{font-size:1.2rem;margin-bottom:.5rem}.publications-section-modern .publication-card-beautiful .publication-content-beautiful{padding:0 1.5rem .5rem}.publications-section-modern .publication-card-beautiful .publication-content-beautiful .publication-excerpt-beautiful{font-size:0.9rem;margin-bottom:.5rem;max-height:3.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.publications-section-modern .publication-card-beautiful .publication-footer-beautiful{padding:.5rem 1.5rem}.publications-section-modern .view-all-section{margin-top:1.5rem}.publications-section-modern .view-all-section .view-all-btn{font-size:0.9rem;padding:.25rem 1.5rem}@media (max-width: 768px){.expertise-section-clean::after,.modules-section-modern::after,.publications-section-modern::after{display:none}}.btn,.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem;text-decoration:none;transition:250ms ease-in-out;cursor:pointer;border:none;position:relative;overflow:hidden}.btn--large{padding:1rem 2rem;font-size:1.1rem}.btn--primary{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff;box-shadow:0 10px 25px rgba(15,23,42,0.15)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04),0 10px 25px rgba(15,23,42,0.15);text-decoration:none;color:#fff}.btn--primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:350ms ease-in-out}.btn--primary:hover::before{left:100%}.btn--secondary{background:transparent;color:#0f172a;border:2px solid #0f172a}.btn--secondary:hover{background:#0f172a;color:#fff;transform:translateY(-1px);text-decoration:none}.btn--ghost{background:transparent;color:#111827;border:1px solid #e2e8f0}.btn--ghost:hover{background:#fafafa;border-color:#0f172a;color:#0f172a;text-decoration:none}.btn-modern svg{width:18px;height:18px;transition:250ms ease-in-out}.btn-modern:hover svg{transform:scale(1.1)}@keyframes float{0%, 100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}100%{transform:scale(1);opacity:1}}@keyframes blink{0%, 50%{opacity:1}51%, 100%{opacity:0}}@keyframes pulse-soft{0%, 100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}.card-modern{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);overflow:hidden;transition:250ms ease-in-out;position:relative}.card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);transform:scaleX(0);transition:250ms ease-in-out}.card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.card-modern:hover::before{transform:scaleX(1)}.card-modern .card-header{padding:1rem;border-bottom:1px solid #e2e8f0;position:relative}.card-modern .card-body{padding:1rem}.card-modern .card-footer{padding:1.5rem 2rem;background:#fafafa;border-top:1px solid #e2e8f0}.nav-modern{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,0.5);position:fixed;top:0;left:0;right:0;z-index:1020;transition:250ms ease-in-out}.nav-modern.scrolled{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);background:rgba(255,255,255,0.98)}.nav-modern .nav-brand{font-weight:700;font-size:1.5rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-modern .nav-link{position:relative;padding:.5rem 1rem;color:#111827;text-decoration:none;transition:150ms ease-in-out}.nav-modern .nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);transition:250ms ease-in-out;transform:translateX(-50%)}.nav-modern .nav-link:hover,.nav-modern .nav-link.active{color:#0f172a}.nav-modern .nav-link:hover::after,.nav-modern .nav-link.active::after{width:80%}.skill-modern .skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-modern .skill-name{font-weight:600;color:#111827}.skill-modern .skill-percentage{font-size:.875rem;color:#374151;font-weight:500}.skill-modern .skill-bar{height:8px;background:#e2e8f0;border-radius:9999px;overflow:hidden;position:relative}.skill-modern .skill-bar .skill-progress{height:100%;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);border-radius:9999px;position:relative;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.skill-modern .skill-bar .skill-progress.animate{transform:scaleX(1)}.skill-modern .skill-bar .skill-progress::after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:rgba(255,255,255,0.5);border-radius:9999px}.testimonial-modern{position:relative;padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border-left:4px solid #0f172a}.testimonial-modern::before{content:'"';position:absolute;top:-10px;left:1.5rem;font-size:4rem;color:#0f172a;opacity:0.3;font-family:Georgia, serif}.testimonial-modern .testimonial-content{font-style:italic;margin-bottom:1rem;line-height:1.7}.testimonial-modern .testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-modern .testimonial-author .author-avatar{width:50px;height:50px;border-radius:9999px;border:3px solid #0f172a}.testimonial-modern .testimonial-author .author-info .author-name{font-weight:600;color:#111827;margin:0}.testimonial-modern .testimonial-author .author-info .author-role{font-size:.875rem;color:#374151;margin:0}@media (prefers-color-scheme: dark){.hero-section-modern{background:linear-gradient(135deg, rgba(30,58,138,0.1) 0%, rgba(67,56,202,0.1) 100%)}.card-modern{background:#334155;color:#111827}.card-modern .card-footer{background:#1E293B}.nav-modern{background:rgba(255,255,255,0.95);border-bottom-color:rgba(17,24,39,0.1)}.nav-modern.scrolled{background:rgba(30,41,59,0.98)}.nav-modern .nav-link{color:#111827}.nav-modern .nav-link:hover,.nav-modern .nav-link.active{color:#111827}.testimonial-modern{background:#334155;color:#111827;border-left-color:#d4af37}.glass-card{background:rgba(51,65,85,0.8);border-color:rgba(17,24,39,0.2)}}@media (max-width: 768px){.hero-section-modern .hero-layout{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-section-modern .hero-badges-modern{justify-content:center}.hero-section-modern .hero-metrics{grid-template-columns:1fr}.hero-section-modern .hero-highlights-modern{grid-template-columns:1fr}.expertise-grid-modern{grid-template-columns:1fr}.modules-showcase{grid-template-columns:1fr}.publications-grid{grid-template-columns:1fr}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,0.3);pointer-events:none;transform:scale(0);animation:rippleAnimation 600ms linear}@keyframes rippleAnimation{to{transform:scale(4);opacity:0}}body{position:relative;overflow-x:hidden}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0.6}.floating-particles{position:absolute;width:100%;height:100%}.floating-particles .particle{position:absolute;background:radial-gradient(circle, rgba(15,23,42,0.2) 0%, rgba(212,175,55,0.1) 100%);border-radius:50%;animation:float-particle 15s infinite ease-in-out}.floating-particles .particle:nth-child(1){width:8px;height:8px;top:20%;left:10%;animation-delay:0s;animation-duration:20s}.floating-particles .particle:nth-child(2){width:12px;height:12px;top:60%;left:80%;animation-delay:-5s;animation-duration:25s}.floating-particles .particle:nth-child(3){width:6px;height:6px;top:80%;left:20%;animation-delay:-10s;animation-duration:18s}.floating-particles .particle:nth-child(4){width:10px;height:10px;top:40%;left:60%;animation-delay:-15s;animation-duration:22s}.floating-particles .particle:nth-child(5){width:4px;height:4px;top:10%;left:70%;animation-delay:-8s;animation-duration:16s}.floating-particles .particle:nth-child(6){width:14px;height:14px;top:70%;left:40%;animation-delay:-12s;animation-duration:28s}@keyframes float-particle{0%, 100%{transform:translateY(0) translateX(0) scale(1);opacity:0.3}25%{transform:translateY(-20px) translateX(10px) scale(1.1);opacity:0.6}50%{transform:translateY(-10px) translateX(-15px) scale(0.9);opacity:0.4}75%{transform:translateY(-30px) translateX(5px) scale(1.05);opacity:0.5}}.gradient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(45deg, rgba(249,250,251,0.8) 0%, rgba(243,244,246,0.9) 25%, rgba(249,250,251,0.8) 50%, rgba(245,247,250,0.9) 75%, rgba(249,250,251,0.8) 100%);background-size:400% 400%;animation:gradient-shift 30s ease infinite}@keyframes gradient-shift{0%, 100%{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.animated-background{opacity:0.3}.floating-particles .particle{animation-duration:30s}}.tech-tag{padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:500}.tech-tag--prestashop{background:rgba(223,49,99,0.1);color:#df3163}.tech-tag--api{background:rgba(15,23,42,0.1);color:#0f172a}.tech-tag--integration{background:rgba(15,23,42,0.1);color:#059669}.tech-tag--ecommerce{background:rgba(245,158,11,0.1);color:#d4af37}.view-all-section{text-align:center;padding:1rem 0;position:relative;z-index:10}.view-all-section .view-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:white;text-decoration:none;border-radius:.75rem;font-weight:600;font-size:1rem;transition:250ms ease-in-out;box-shadow:0 4px 12px rgba(15,23,42,0.25);border:1px solid rgba(15,23,42,0.1);position:relative;overflow:hidden}.view-all-section .view-all-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);transition:250ms ease-in-out}.view-all-section .view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,0.35);color:white;text-decoration:none}.view-all-section .view-all-btn:hover::before{left:100%}.view-all-section .view-all-btn svg{width:16px;height:16px;transition:150ms ease-in-out}.view-all-section .view-all-btn:hover svg{transform:translateX(2px)}.publications-cta{text-align:center;position:relative;z-index:10}.publications-cta .cta-content-modern{max-width:600px;margin:0 auto;padding:3rem;text-align:center}.publications-cta .cta-content-modern h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#111827}.publications-cta .cta-content-modern p{color:#374151;margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.module-features{margin-bottom:1rem}.module-features .feature-highlight{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(34,197,94,0.1);color:#16a34a;border-radius:.5rem;font-size:.875rem;font-weight:500}.card-base,.expertise-card-beautiful,.module-card-beautiful,.publication-card-beautiful{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:250ms ease-in-out;position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.card-base:hover,.expertise-card-beautiful:hover,.module-card-beautiful:hover,.publication-card-beautiful:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.card-base::before,.expertise-card-beautiful::before,.module-card-beautiful::before,.publication-card-beautiful::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, transparent 0%, var(--card-accent, #0f172a) 50%, transparent 100%);transform:scaleX(0);transition:250ms ease-in-out}.card-base:hover::before,.expertise-card-beautiful:hover::before,.module-card-beautiful:hover::before,.publication-card-beautiful:hover::before{transform:scaleX(1)}.expertise-card-beautiful{--card-accent: $primary-color;padding:0;overflow:hidden}.expertise-card-beautiful .expertise-card-inner{display:flex;align-items:stretch;min-height:180px}.expertise-card-beautiful .expertise-card-inner .expertise-visual{flex:0 0 140px;background:linear-gradient(135deg, rgba(15,23,42,0.1) 0%, rgba(30,41,59,0.15) 100%);display:flex !important;flex-direction:column !important;align-items:center;justify-content:center;position:relative;gap:.5rem}.expertise-card-beautiful .expertise-card-inner .expertise-visual .expertise-icon-beautiful{width:70px;height:70px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:white;margin-bottom:1rem;box-shadow:0 8px 25px rgba(15,23,42,0.3);transition:250ms ease-in-out}.expertise-card-beautiful .expertise-card-inner .expertise-visual .expertise-badge-beautiful{background:linear-gradient(135deg, #d4af37 0%, #b29126 100%);color:white;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(245,158,11,0.4);position:relative;z-index:2;display:inline-block;white-space:nowrap}.expertise-card-beautiful .expertise-card-inner .expertise-visual::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, rgba(15,23,42,0.02) 0%, rgba(30,41,59,0.05) 100%);opacity:0;transition:250ms ease-in-out}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:center}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-title-beautiful{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#111827;line-height:1.2}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-description-beautiful{color:#374151;line-height:1.7;margin-bottom:1rem;font-size:1rem}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-skills-beautiful{display:flex;flex-wrap:wrap;gap:.5rem}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-skills-beautiful .skill-beautiful{padding:.25rem 1rem;background:linear-gradient(135deg, rgba(15,23,42,0.08) 0%, rgba(30,41,59,0.12) 100%);color:#0f172a;border-radius:9999px;font-size:.875rem;font-weight:600;border:1px solid rgba(15,23,42,0.2);transition:150ms ease-in-out}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-skills-beautiful .skill-beautiful:hover{background:linear-gradient(135deg, rgba(15,23,42,0.15) 0%, rgba(30,41,59,0.2) 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(15,23,42,0.2)}.expertise-card-beautiful:hover .expertise-visual::before{opacity:1}.expertise-card-beautiful:hover .expertise-visual .expertise-icon-beautiful{transform:scale(1.05) rotate(5deg);box-shadow:0 12px 35px rgba(15,23,42,0.4)}@media (max-width: 768px){.expertise-card-beautiful .expertise-card-inner{flex-direction:column}.expertise-card-beautiful .expertise-card-inner .expertise-visual{flex:0 0 120px;flex-direction:row;justify-content:space-between;padding:1.5rem}.expertise-card-beautiful .expertise-card-inner .expertise-visual .expertise-icon-beautiful{margin-bottom:0;width:60px;height:60px;font-size:1.8rem}.expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful{padding:1.5rem}}.module-card-beautiful{--card-accent: $accent-color-1;padding:0}.module-card-beautiful .module-image-beautiful{width:100%;height:200px;background:linear-gradient(135deg, rgba(245,158,11,0.1) 0%, rgba(34,197,94,0.15) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.module-card-beautiful .module-image-beautiful img{width:100%;height:100%;object-fit:contain;object-position:center;background:#f8fafc;transition:250ms ease-in-out}.module-card-beautiful .module-image-beautiful .module-overlay-beautiful{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(245,158,11,0.8) 0%, rgba(34,197,94,0.8) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:250ms ease-in-out}.module-card-beautiful .module-image-beautiful .module-overlay-beautiful .preview-btn{padding:1rem 2rem;background:rgba(255,255,255,0.95);color:#d4af37;border-radius:.75rem;font-weight:700;text-decoration:none;box-shadow:0 8px 25px rgba(0,0,0,0.2);transform:translateY(10px);transition:250ms ease-in-out}.module-card-beautiful .module-image-beautiful .module-overlay-beautiful .preview-btn:hover{transform:translateY(8px) scale(1.05);color:#d4af37;text-decoration:none}.module-card-beautiful .module-image-beautiful:empty::before{content:'';display:none}.module-card-beautiful .module-header-beautiful{padding:1rem 2rem 1.5rem}.module-card-beautiful .module-header-beautiful .module-title-beautiful{font-size:1.4rem;font-weight:700;color:#111827;margin-bottom:1rem;line-height:1.3}.module-card-beautiful .module-header-beautiful .module-tags-beautiful{display:flex;flex-wrap:wrap;gap:.5rem}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful{padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful--prestashop{background:linear-gradient(135deg, rgba(223,49,99,0.1) 0%, rgba(219,39,119,0.15) 100%);color:#dc2626;border:1px solid rgba(223,49,99,0.2)}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful--api{background:linear-gradient(135deg, rgba(15,23,42,0.1) 0%, rgba(30,41,59,0.15) 100%);color:#2563eb;border:1px solid rgba(15,23,42,0.2)}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful--integration{background:linear-gradient(135deg, rgba(16,185,129,0.1) 0%, rgba(5,150,105,0.15) 100%);color:#059669;border:1px solid rgba(16,185,129,0.2)}.module-card-beautiful .module-header-beautiful .module-tags-beautiful .tech-tag-beautiful--ecommerce{background:linear-gradient(135deg, rgba(245,158,11,0.1) 0%, rgba(217,119,6,0.15) 100%);color:#b29126;border:1px solid rgba(245,158,11,0.2)}.module-card-beautiful .module-content-beautiful{padding:0 2rem 1.5rem;flex:1;display:flex;flex-direction:column}.module-card-beautiful .module-content-beautiful .module-description-beautiful{color:#374151;line-height:1.7;font-size:1rem;margin-bottom:1rem;flex:1}.module-card-beautiful .module-footer-beautiful{padding:1rem 2rem 2rem}.module-card-beautiful .module-footer-beautiful .module-action-beautiful{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1.5rem;background:transparent;color:#0f172a;text-decoration:none;border:1px solid rgba(15,23,42,0.3);border-radius:.5rem;font-weight:500;font-size:0.9rem;transition:250ms ease-in-out}.module-card-beautiful .module-footer-beautiful .module-action-beautiful:hover{background:rgba(15,23,42,0.05);border-color:#0f172a;color:#0f172a;text-decoration:none;transform:translateY(-1px)}.module-card-beautiful .module-footer-beautiful .module-action-beautiful svg{width:14px;height:14px;transition:150ms ease-in-out;flex-shrink:0}.module-card-beautiful .module-footer-beautiful .module-action-beautiful:hover svg{transform:translateX(2px)}.module-card-beautiful:hover .module-image-beautiful img{transform:scale(1.05)}.module-card-beautiful:hover .module-image-beautiful .module-overlay-beautiful{opacity:1}.module-card-beautiful:hover .module-image-beautiful .module-overlay-beautiful .preview-btn{transform:translateY(0)}.publication-card-beautiful{--card-accent: $accent-color-1;padding:0}.publication-card-beautiful .publication-image-beautiful{width:100%;height:180px;background:linear-gradient(135deg, rgba(139,92,246,0.1) 0%, rgba(15,23,42,0.15) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.publication-card-beautiful .publication-image-beautiful img{width:100%;height:100%;object-fit:cover;transition:250ms ease-in-out}.publication-card-beautiful .publication-image-beautiful .publication-category-beautiful{position:absolute;top:1rem;right:1rem;padding:.25rem 1rem;background:rgba(139,92,246,0.9);color:white;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;backdrop-filter:blur(4px)}.publication-card-beautiful .publication-image-beautiful:empty::before{content:'📝';font-size:4rem;color:rgba(139,92,246,0.3)}.publication-card-beautiful .publication-header-beautiful{padding:1rem 2rem 1.5rem}.publication-card-beautiful .publication-header-beautiful .publication-meta-beautiful{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.publication-card-beautiful .publication-header-beautiful .publication-meta-beautiful .publication-type-beautiful{padding:.25rem 1rem;background:linear-gradient(135deg, rgba(139,92,246,0.1) 0%, rgba(30,41,59,0.15) 100%);color:#059669;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(139,92,246,0.2)}.publication-card-beautiful .publication-header-beautiful .publication-meta-beautiful .publication-time-beautiful{color:#374151;font-size:.875rem;font-weight:500}.publication-card-beautiful .publication-header-beautiful .publication-title-beautiful{font-size:1.4rem;font-weight:700;color:#111827;line-height:1.3;margin-bottom:1rem}.publication-card-beautiful .publication-content-beautiful{padding:0 2rem 1.5rem;flex:1;display:flex;flex-direction:column}.publication-card-beautiful .publication-content-beautiful .publication-excerpt-beautiful{color:#374151;line-height:1.7;font-size:1rem;margin-bottom:1rem;flex:1}.publication-card-beautiful .publication-content-beautiful .publication-topics-beautiful{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.publication-card-beautiful .publication-content-beautiful .publication-topics-beautiful .topic-beautiful{padding:.25rem .5rem;background:linear-gradient(135deg, rgba(139,92,246,0.08) 0%, rgba(30,41,59,0.12) 100%);color:#059669;border-radius:.5rem;font-size:.75rem;font-weight:600;border:1px solid rgba(139,92,246,0.15)}.publication-card-beautiful .publication-footer-beautiful{padding:1.5rem 2rem 2rem}.publication-card-beautiful .publication-footer-beautiful .publication-link-beautiful{display:inline-flex;align-items:center;gap:.5rem;color:#059669;text-decoration:none;font-weight:700;font-size:1rem;transition:250ms ease-in-out;padding:1rem 0}.publication-card-beautiful .publication-footer-beautiful .publication-link-beautiful:hover{gap:1rem;color:#6d28d9;text-decoration:none;transform:translateX(3px)}.publication-card-beautiful .publication-footer-beautiful .publication-link-beautiful svg{width:18px;height:18px;transition:150ms ease-in-out}.publication-card-beautiful .publication-footer-beautiful .publication-link-beautiful:hover svg{transform:translateX(4px)}.publication-card-beautiful:hover .publication-image-beautiful img{transform:scale(1.05)}.view-all-articles-btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2.5rem;background:linear-gradient(135deg, #d4af37 0%, #1e293b 100%);color:white;text-decoration:none;border-radius:1rem;font-weight:700;font-size:1.1rem;transition:250ms ease-in-out;box-shadow:0 8px 25px rgba(139,92,246,0.3);border:2px solid transparent;position:relative;overflow:hidden;min-height:64px}.view-all-articles-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:250ms ease-in-out}.view-all-articles-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px rgba(139,92,246,0.4);color:white;text-decoration:none}.view-all-articles-btn:hover::before{left:100%}.view-all-articles-btn:active{transform:translateY(-2px) scale(1.01)}.view-all-articles-btn svg{width:24px;height:24px;transition:150ms ease-in-out}.view-all-articles-btn:hover svg{transform:translateX(3px) rotate(5deg)}.view-all-articles-btn .btn-text{position:relative;z-index:1}.breadcrumb{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:.5rem;margin-top:.5rem;margin-bottom:.5rem;box-shadow:none}.breadcrumb a,.breadcrumb span{display:flex;align-items:center;gap:.25rem;text-decoration:none;font-weight:500;font-size:0.85rem;transition:150ms ease-in-out;padding:.25rem .5rem;border-radius:.25rem;background:transparent;border:none;box-shadow:none}.breadcrumb a{color:#374151}.breadcrumb a:hover{color:#0f172a;background:transparent;text-decoration:none}.breadcrumb a:first-child{color:#0f172a;font-weight:600}.breadcrumb a:first-child::before{content:'';display:inline-block;width:16px;height:16px;margin-right:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:text-bottom}.breadcrumb span{color:#111827;font-weight:600;background:rgba(15,23,42,0.04);border:none}.breadcrumb a+a::before,.breadcrumb a+span::before{content:'›';color:#374151;font-size:0.8rem;margin:0 .25rem}@media (max-width: 768px){.breadcrumb{padding:.25rem .5rem;margin:.25rem 0 .5rem}.breadcrumb a,.breadcrumb span{font-size:0.8rem;padding:2px .25rem;background:transparent;border:none}.breadcrumb a:first-child::before{content:'';display:inline-block;width:14px;height:14px;margin-right:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:text-bottom}}.skills-page-modern .page-header{text-align:center;padding:3rem 0 2rem;margin-bottom:1rem;background:linear-gradient(135deg, rgba(15,23,42,0.05) 0%, rgba(226,232,240,0.08) 100%);position:relative;overflow:hidden}.skills-page-modern .page-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%, rgba(15,23,42,0.1) 0%, transparent 50%),radial-gradient(circle at 75% 75%, rgba(30,41,59,0.08) 0%, transparent 50%);animation:tech-pulse 6s ease-in-out infinite}.skills-page-modern .page-header h1{font-size:2.8rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2}.skills-page-modern .page-header .section-description{font-size:1.2rem;color:#374151;max-width:700px;margin:0 auto 2rem;line-height:1.7;position:relative;z-index:2}.skills-page-modern .skills-filter{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;margin-bottom:3rem;flex-wrap:wrap;position:relative;z-index:2}.skills-page-modern .skills-filter .skill-filter-btn{padding:1rem 2rem;border:2px solid rgba(15,23,42,0.2);background:transparent;color:#374151;border-radius:9999px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:250ms ease-in-out;position:relative;overflow:hidden}.skills-page-modern .skills-filter .skill-filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);transition:250ms ease-in-out;z-index:-1}.skills-page-modern .skills-filter .skill-filter-btn:hover{color:white;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 8px 25px rgba(15,23,42,0.3)}.skills-page-modern .skills-filter .skill-filter-btn:hover::before{left:0}.skills-page-modern .skills-filter .skill-filter-btn.active{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:white;border-color:#0f172a;box-shadow:0 6px 20px rgba(15,23,42,0.4)}.skills-page-modern .skills-filter .skill-filter-btn.active::before{left:0}.skills-page-modern .skills-grid{display:flex !important;flex-direction:column !important;gap:1rem;margin-bottom:2.5rem;width:100%}.skills-page-modern .skills-grid .skill-card-modern{width:100%;display:block !important;margin-bottom:1rem}.skill-card-modern{background:white;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px -1px rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.06);transition:250ms ease-in-out;position:relative;overflow:hidden;border:1px solid rgba(226,232,240,0.5);opacity:0;transform:translateY(30px);animation:skillCardEnter 0.6s ease-out forwards}.skill-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--skill-gradient, linear-gradient(135deg, #0f172a 0%, #1e293b 100%));transform:scaleX(0);transition:250ms ease-in-out;transform-origin:left}.skill-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.skill-card-modern:hover::before{transform:scaleX(1)}.skill-card-modern:hover .skill-icon-modern{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px var(--skill-shadow, rgba(15,23,42,0.4))}.skill-card-modern:hover .skill-progress-fill{box-shadow:0 0 20px var(--skill-glow, rgba(15,23,42,0.6))}.skill-card-modern .skill-header-modern{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.skill-card-modern .skill-icon-modern{width:50px;height:50px;background:var(--skill-gradient, linear-gradient(135deg, #0f172a 0%, #1e293b 100%));border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;transition:250ms ease-in-out;box-shadow:0 4px 12px var(--skill-shadow, rgba(15,23,42,0.3));flex-shrink:0}.skill-card-modern .skill-info-modern{flex:1}.skill-card-modern .skill-name-modern{font-size:1.2rem;font-weight:700;color:#111827;margin-bottom:.25rem}.skill-card-modern .skill-meta{display:flex;align-items:center;gap:1rem}.skill-card-modern .skill-meta .skill-level-badge{padding:.25rem 1rem;background:var(--skill-bg, rgba(15,23,42,0.1));color:var(--skill-color, #0f172a);border-radius:9999px;font-size:.875rem;font-weight:700;border:1px solid var(--skill-border, rgba(15,23,42,0.2))}.skill-card-modern .skill-meta .skill-years{color:#374151;font-size:.875rem;font-weight:500}.skill-card-modern .skill-progress-modern{margin-bottom:1rem}.skill-card-modern .skill-progress-modern .skill-progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-card-modern .skill-progress-modern .skill-progress-label .progress-text{font-size:.875rem;color:#374151;font-weight:500}.skill-card-modern .skill-progress-modern .skill-progress-label .progress-percentage{font-size:.875rem;font-weight:700;color:var(--skill-color, #0f172a)}.skill-card-modern .skill-progress-modern .skill-progress-track{height:12px;background:#f1f5f9;border-radius:9999px;overflow:hidden;position:relative}.skill-card-modern .skill-progress-modern .skill-progress-track .skill-progress-fill{height:100%;background:var(--skill-gradient, linear-gradient(135deg, #0f172a 0%, #1e293b 100%));border-radius:9999px;position:relative;transition:width 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);transform-origin:left}.skill-card-modern .skill-progress-modern .skill-progress-track .skill-progress-fill::after{content:'';position:absolute;top:0;right:0;width:6px;height:100%;background:rgba(255,255,255,0.4);border-radius:9999px}.skill-card-modern .skill-description{color:#374151;line-height:1.6;font-size:0.95rem}.skill-card-modern[data-category="php-backend"]{--skill-gradient: linear-gradient(135deg, $primary-color 0%, $primary-color-dark 100%);--skill-bg: rgba(15, 23, 42, 0.1);--skill-color: $primary-color-dark;--skill-border: rgba(15, 23, 42, 0.2);--skill-shadow: rgba(15, 23, 42, 0.3);--skill-glow: rgba(15, 23, 42, 0.6)}.skill-card-modern[data-category="ecommerce"]{--skill-gradient: linear-gradient(135deg, $accent-color-1 0%, darken($accent-color-1, 10%) 100%);--skill-bg: rgba(245, 158, 11, 0.1);--skill-color: darken($accent-color-1, 10%);--skill-border: rgba(245, 158, 11, 0.2);--skill-shadow: rgba(245, 158, 11, 0.3);--skill-glow: rgba(245, 158, 11, 0.6)}.skill-card-modern[data-category="ai"]{--skill-gradient: linear-gradient(135deg, $accent-color-1 0%, $accent-color-2 100%);--skill-bg: rgba(139, 92, 246, 0.1);--skill-color: $accent-color-2;--skill-border: rgba(139, 92, 246, 0.2);--skill-shadow: rgba(139, 92, 246, 0.3);--skill-glow: rgba(139, 92, 246, 0.6)}.skill-card-modern[data-category="frontend"]{--skill-gradient: linear-gradient(135deg, $primary-color 0%, $secondary-color 100%);--skill-bg: rgba(15, 23, 42, 0.1);--skill-color: $primary-color;--skill-border: rgba(15, 23, 42, 0.2);--skill-shadow: rgba(15, 23, 42, 0.3);--skill-glow: rgba(15, 23, 42, 0.6)}.skill-card-modern[data-category="devops"]{--skill-gradient: linear-gradient(135deg, $accent-color-2 0%, $secondary-color 100%);--skill-bg: rgba(100, 116, 139, 0.1);--skill-color: $accent-color-2;--skill-border: rgba(100, 116, 139, 0.2);--skill-shadow: rgba(100, 116, 139, 0.3);--skill-glow: rgba(100, 116, 139, 0.6)}.skill-card-modern[data-category="integrations"]{--skill-gradient: linear-gradient(135deg, $accent-color-1 0%, $accent-color-2 100%);--skill-bg: rgba(139, 92, 246, 0.1);--skill-color: $accent-color-2;--skill-border: rgba(139, 92, 246, 0.2);--skill-shadow: rgba(139, 92, 246, 0.3);--skill-glow: rgba(139, 92, 246, 0.6)}.skill-card-modern[data-category="leadership"]{--skill-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--skill-bg: rgba(239, 68, 68, 0.1);--skill-color: #dc2626;--skill-border: rgba(239, 68, 68, 0.2);--skill-shadow: rgba(239, 68, 68, 0.3);--skill-glow: rgba(239, 68, 68, 0.6)}.skill-card-modern[data-category="soft-skills"]{--skill-gradient: linear-gradient(135deg, #ec4899 0%, #db2777 100%);--skill-bg: rgba(236, 72, 153, 0.1);--skill-color: #db2777;--skill-border: rgba(236, 72, 153, 0.2);--skill-shadow: rgba(236, 72, 153, 0.3);--skill-glow: rgba(236, 72, 153, 0.6)}.skill-card-modern[data-category="learning"]{--skill-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--skill-bg: rgba(34, 197, 94, 0.1);--skill-color: #16a34a;--skill-border: rgba(34, 197, 94, 0.2);--skill-shadow: rgba(34, 197, 94, 0.3);--skill-glow: rgba(34, 197, 94, 0.6)}.skills-category-modern,.skills-category-modern[data-category="php-backend"]{margin-bottom:3rem;display:block !important;width:100%}.skills-category-modern .category-header-modern{text-align:center;margin-bottom:2.5rem;position:relative;z-index:10;display:block !important}.skills-category-modern .category-header-modern h2{font-size:2.2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg, var(--skill-color, #0f172a) 0%, var(--skill-color, #1e293b) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-description{text-align:center;color:#374151;font-size:1rem;line-height:1.6;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:10;padding:0 1rem}.skill-icon-modern[data-category="php-backend"]::before{content:'💻'}.skill-icon-modern[data-category="ecommerce"]::before{content:'🛒'}.skill-icon-modern[data-category="ai"]::before{content:'🤖'}.skill-icon-modern[data-category="frontend"]::before{content:'🎨'}.skill-icon-modern[data-category="devops"]::before{content:'⚙️'}.skill-icon-modern[data-category="integrations"]::before{content:'🔗'}.skill-icon-modern[data-category="leadership"]::before{content:'👥'}.skill-icon-modern[data-category="soft-skills"]::before{content:'💬'}.skill-icon-modern[data-category="learning"]::before{content:'📚'}@keyframes skillCardEnter{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.skills-page-modern .page-header h1{font-size:2.2rem}.skills-page-modern .skills-filter{gap:.5rem}.skills-page-modern .skills-filter .skill-filter-btn{padding:.5rem 1.5rem;font-size:0.9rem}.skill-card-modern{padding:1rem}.skill-card-modern .skill-header-modern .skill-icon-modern{width:50px;height:50px;font-size:1.5rem}.skill-card-modern .skill-header-modern .skill-info-modern .skill-name-modern{font-size:1.2rem}}.skills-page-modern .skills-category-modern{display:block !important;width:100%}.skills-page-modern .skills-category-modern .skills-grid{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:1rem}.skills-page-modern .skills-category-modern .skills-grid .skill-card-modern{width:100% !important;display:block !important;margin-bottom:1rem !important}.skills-page-modern .expertise-section-clean .grid-unified{display:flex !important;flex-direction:column !important;grid-template-columns:none !important;grid-template-rows:none !important;gap:2rem !important;max-width:100% !important}.skills-page-modern .expertise-section-clean .grid-unified .expertise-card-beautiful{width:100% !important;max-width:100% !important;margin-bottom:0}.skills-page-modern .expertise-section-clean .grid-unified .expertise-card-beautiful .expertise-card-inner{display:flex !important;flex-direction:column !important;align-items:stretch;min-height:auto;text-align:center}.skills-page-modern .expertise-section-clean .grid-unified .expertise-card-beautiful .expertise-card-inner .expertise-visual{flex:none !important;width:100% !important;min-height:120px;display:flex !important;flex-direction:row !important;justify-content:center;align-items:center;padding:1.5rem}.skills-page-modern .expertise-section-clean .grid-unified .expertise-card-beautiful .expertise-card-inner .expertise-visual .expertise-icon-beautiful{margin-bottom:0;margin-right:1rem;order:1}.skills-page-modern .expertise-section-clean .grid-unified .expertise-card-beautiful .expertise-card-inner .expertise-visual .expertise-badge-beautiful{order:2}.skills-page-modern .expertise-section-clean .grid-unified .expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful{width:100% !important;padding:1rem;text-align:center}.skills-page-modern .expertise-section-clean .grid-unified .expertise-card-beautiful .expertise-card-inner .expertise-content-beautiful .expertise-skills-beautiful{justify-content:center;flex-wrap:wrap}div.skills-page-modern div.expertise-section-clean div.grid-unified{display:flex !important;flex-direction:column !important;grid-template-columns:none !important;grid-template-rows:none !important;align-items:stretch !important;justify-content:flex-start !important;gap:2rem !important;width:100% !important;max-width:100% !important}div.skills-page-modern div.expertise-section-clean div.grid-unified div.expertise-card-beautiful{width:100% !important;max-width:100% !important;flex:none !important;grid-column:unset !important;grid-row:unset !important;margin:0 !important;margin-bottom:1.5rem !important}.skills-grid-circular{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2.5rem}@media (max-width: 768px){.skills-grid-circular{grid-template-columns:1fr;gap:1.5rem}}.skill-card-circular{background:white;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:250ms ease-in-out;position:relative;overflow:hidden;border:1px solid rgba(226,232,240,0.8);opacity:0;transform:translateY(30px);animation:skillCardEnter 0.8s ease-out forwards;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:280px}.skill-card-circular::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--skill-gradient, linear-gradient(135deg, #0f172a 0%, #1e293b 100%));transform:scaleX(0);transition:250ms ease-in-out;transform-origin:left}.skill-card-circular:hover{transform:translateY(-12px);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.skill-card-circular:hover::before{transform:scaleX(1)}.skill-card-circular:hover .circular-progress-container{transform:scale(1.05)}.skill-card-circular:hover .skill-icon-circular{transform:translateY(-3px) scale(1.1);box-shadow:0 10px 30px var(--skill-shadow, rgba(15,23,42,0.4))}.skill-card-circular:hover .circle{filter:drop-shadow(0 0 8px var(--skill-glow, rgba(15,23,42,0.6)))}.skill-card-circular .skill-visual-circular{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:1rem;flex:1;justify-content:center}.skill-card-circular .circular-progress-container{position:relative;display:flex;align-items:center;justify-content:center;transition:250ms ease-in-out}.skill-card-circular .circular-progress{transform:rotate(-90deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.skill-card-circular .circular-progress .circle-bg{stroke:#f1f5f9;stroke-linecap:round}.skill-card-circular .circular-progress .circle{stroke:var(--skill-color, #0f172a);stroke-linecap:round;transition:stroke-dasharray 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),filter 0.3s ease;fill:none}.skill-card-circular .progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.1rem;font-weight:900;color:var(--skill-color, #0f172a);text-shadow:0 1px 2px rgba(0,0,0,0.1)}.skill-card-circular .skill-icon-circular{width:50px;height:50px;background:var(--skill-gradient, linear-gradient(135deg, #0f172a 0%, #1e293b 100%));border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:white;transition:250ms ease-in-out;box-shadow:0 6px 20px var(--skill-shadow, rgba(15,23,42,0.3));flex-shrink:0}.skill-card-circular .skill-icon-circular svg{width:24px;height:24px;fill:currentColor}.skill-card-circular .skill-info-circular{display:flex;flex-direction:column;align-items:center;gap:.5rem}.skill-card-circular .skill-info-circular .skill-name-circular{font-size:1.25rem;font-weight:700;color:#111827;margin:0;line-height:1.3}.skill-card-circular .skill-info-circular .skill-description-circular{color:#374151;line-height:1.5;font-size:0.9rem;max-width:250px}.skill-card-circular[data-category="php-backend"],.skill-card-circular[data-category="ecommerce"],.skill-card-circular[data-category="ai"],.skill-card-circular[data-category="frontend"],.skill-card-circular[data-category="devops"],.skill-card-circular[data-category="integrations"],.skill-card-circular[data-category="leadership"],.skill-card-circular[data-category="soft-skills"],.skill-card-circular[data-category="learning"]{--skill-gradient: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);--skill-color: #65a30d;--skill-shadow: rgba(132, 204, 22, 0.3);--skill-glow: rgba(132, 204, 22, 0.6)}@keyframes skillCardEnter{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.skill-icon-circular[data-skill*="react"] svg{animation:react-spin 20s linear infinite}@keyframes react-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width: 640px){.skill-card-circular{padding:1.5rem;min-height:240px}.skill-card-circular .circular-progress{width:70px;height:70px}.skill-card-circular .skill-icon-circular{width:40px;height:40px}.skill-card-circular .skill-icon-circular svg{width:20px;height:20px}.skill-card-circular .progress-percentage{font-size:1rem}.skill-card-circular .skill-name-circular{font-size:1.1rem}.skill-card-circular .skill-description-circular{font-size:0.85rem}}.skill-card-circular.animate-in{animation-delay:var(--animation-delay, 0s)}@media (max-width: 768px){.expertise-section-clean::after{display:none}.modules-section-modern{padding:1rem 0}.modules-section-modern .grid-unified{grid-template-columns:1fr;gap:1.5rem}.modules-section-modern .module-card-beautiful{height:auto}.modules-section-modern .module-card-beautiful .module-image-beautiful{height:160px}.modules-section-modern .module-card-beautiful .module-header-beautiful{padding:1rem 1rem .5rem}.modules-section-modern .module-card-beautiful .module-header-beautiful .module-title-beautiful{font-size:1.25rem;min-height:auto}.modules-section-modern .module-card-beautiful .module-content-beautiful{padding:0 1rem .5rem}.modules-section-modern .module-card-beautiful .module-footer-beautiful{padding:.5rem 1rem 1.5rem}.modules-section-modern .view-all-section{margin-top:1.5rem}.modules-section-modern .view-all-section .view-all-btn{width:90%;max-width:320px;padding:1rem;justify-content:center}.publications-section-modern{padding:1rem 0}.publications-section-modern .grid-unified{grid-template-columns:1fr}.publications-section-modern .publication-card-beautiful{max-height:none}.publications-section-modern .publication-card-beautiful .publication-image-beautiful{height:120px}.publications-section-modern .publication-card-beautiful .publication-header-beautiful .publication-title-beautiful{font-size:1.1rem}.faq-section-geo .faq-grid-geo{grid-template-columns:1fr}}.view-btn,.modules-section-modern .view-all-section .view-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:white;text-decoration:none;border-radius:.75rem;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(15,23,42,0.25);border:none;position:relative;overflow:hidden;width:100%}.view-btn::before,.modules-section-modern .view-all-section .view-all-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);transition:all 0.3s ease}.view-btn:hover,.modules-section-modern .view-all-section .view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,0.35);color:white;text-decoration:none}.view-btn:hover::before,.modules-section-modern .view-all-section .view-all-btn:hover::before{left:100%}.view-btn svg,.modules-section-modern .view-all-section .view-all-btn svg{width:16px;height:16px;transition:all 0.2s ease}.view-btn:hover svg,.modules-section-modern .view-all-section .view-all-btn:hover svg{transform:translateX(3px)}.view-btn .btn-text,.modules-section-modern .view-all-section .view-all-btn .btn-text{position:relative;z-index:1}.module-card-simple{background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);display:flex;flex-direction:column;height:100%;transition:transform 0.2s ease, box-shadow 0.2s ease}.module-card-simple:hover{box-shadow:0 6px 15px rgba(0,0,0,0.15);transform:translateY(-5px)}.module-card-simple .module-image-simple{height:180px;background-color:white;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid #f0f0f0}.module-card-simple .module-image-simple img{max-width:90%;max-height:90%;object-fit:contain}.module-card-simple .module-content-simple{padding:16px 16px 0;display:flex;flex-direction:column}.module-card-simple .module-title-simple{font-size:18px;font-weight:600;margin-bottom:8px;color:#111827}.module-card-simple .module-tags-simple{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.module-card-simple .module-tags-simple .tag-simple{font-size:12px;padding:3px 8px;border-radius:4px;font-weight:500}.module-card-simple .module-tags-simple .tag-simple--prestashop{background-color:#ffebee;color:#e53935}.module-card-simple .module-tags-simple .tag-simple--ai{background-color:#e8f5e9;color:#43a047}.module-card-simple .module-tags-simple .tag-simple--marketing{background-color:#fff8e1;color:#ff8f00}.module-card-simple .module-tags-simple .tag-simple--payment{background-color:#e3f2fd;color:#1e88e5}.module-card-simple .module-description-simple{color:#111827;font-size:14px;line-height:1.5;margin-bottom:16px;font-weight:400}.module-card-simple .module-footer-simple{padding:0 16px 16px;display:flex;justify-content:center;margin-top:auto}.view-btn,.modules-section-modern .view-all-section .view-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:white;text-decoration:none;border-radius:.75rem;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(15,23,42,0.25);border:none;position:relative;overflow:hidden;width:100%}.view-btn::before,.modules-section-modern .view-all-section .view-all-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);transition:all 0.3s ease}.view-btn:hover,.modules-section-modern .view-all-section .view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,0.35);color:white;text-decoration:none}.view-btn:hover::before,.modules-section-modern .view-all-section .view-all-btn:hover::before{left:100%}.view-btn svg,.modules-section-modern .view-all-section .view-all-btn svg{width:16px;height:16px;transition:all 0.2s ease}.view-btn:hover svg,.modules-section-modern .view-all-section .view-all-btn:hover svg{transform:translateX(3px)}.view-btn .btn-text,.modules-section-modern .view-all-section .view-all-btn .btn-text{position:relative;z-index:1}.modules-section-modern{padding:1rem 0;background-color:#f8fafc}.modules-section-modern .grid-unified{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px}@media (min-width: 1200px){.modules-section-modern .grid-unified{grid-template-columns:repeat(4, 1fr)}}.modules-section-modern .section-header-clean{margin-bottom:30px}.modules-section-modern .view-all-section{margin-top:30px;text-align:center}.modules-section-modern .view-all-section .view-all-btn{max-width:300px;padding:1rem 2rem;display:inline-flex}.publications-section-modern .post-news-actions{margin-top:15px;display:flex;justify-content:center;padding:0 16px 16px}.publications-section-modern .post-news-actions .view-btn,.publications-section-modern .post-news-actions .modules-section-modern .view-all-section .view-all-btn,.modules-section-modern .view-all-section .publications-section-modern .post-news-actions .view-all-btn{width:100%;max-width:100%;padding:10px 15px}@media (max-width: 768px){.module-card-simple .module-image-simple{height:160px}.module-card-simple .module-title-simple{font-size:16px}.module-card-simple .module-description-simple{font-size:13px}}@media (max-width: 480px){.social-sharing-buttons{justify-content:center;gap:0.5rem}.social-btn{width:42px;height:42px;font-size:1rem}.social-btn i{font-size:1rem}.social-btn:hover{transform:translateY(-2px) scale(1.05)}}.faq-section-geo{padding-bottom:0;margin-bottom:0}.faq-section-geo .skills-grid-circular{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));margin-bottom:0}.faq-section-geo .skills-grid-circular .skill-card-circular{background:white;border-radius:1rem;min-height:320px}.faq-section-geo .skills-grid-circular .skill-card-circular .skill-name-circular{font-size:1.1rem;margin-bottom:0.75rem}.faq-section-geo .skills-grid-circular .skill-card-circular .skill-description-circular{color:#111827;font-size:0.9rem;line-height:1.5}.faq-section-geo .skills-grid-circular .skill-card-circular .circular-progress-container .progress-percentage{font-size:1.5rem;font-weight:800;color:#059669}.faq-section-geo .skills-grid-circular .skill-card-circular .circle{stroke:#059669;stroke-dasharray:0, 100;transition:stroke-dasharray 1.2s ease-in-out}.faq-section-geo .skills-grid-circular .skill-card-circular:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.faq-section-geo .skills-grid-circular .skill-card-circular:hover .circular-progress-container{transform:scale(1.05)}.faq-section-geo .skills-grid-circular .skill-card-circular:hover .circle{filter:drop-shadow(0 0 6px rgba(139,92,246,0.6))}.faq-section-geo .skills-grid-circular .skill-card-circular.animate-in{animation-duration:0.8s}@media (max-width: 768px){.faq-section-geo .skills-grid-circular{grid-template-columns:1fr;gap:1rem}.faq-section-geo .skills-grid-circular .skill-card-circular{min-height:auto;padding:1rem}.faq-section-geo .skills-grid-circular .skill-card-circular .circular-progress-container{transform:scale(0.9)}.faq-section-geo .skills-grid-circular .skill-card-circular .skill-name-circular{font-size:1rem}.faq-section-geo .skills-grid-circular .skill-card-circular .skill-description-circular{font-size:0.85rem}}.publications-section-modern{background:linear-gradient(135deg, #f5f7fa 0%, #eef2f7 100%);padding:70px 0;position:relative}.publications-section-modern:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(59,130,246,0.04) 0%, transparent 70%),radial-gradient(circle at 80% 70%, rgba(99,102,241,0.04) 0%, transparent 70%);pointer-events:none}.publications-section-modern .view-all-section{margin-top:3rem}.publications-section-modern .view-all-section .view-all-btn{padding:14px 28px;font-size:16px;font-weight:700;border-radius:10px;box-shadow:0 8px 20px rgba(59,130,246,0.25)}.publications-section-modern .view-all-section .view-all-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px rgba(59,130,246,0.35)}.publications-section-modern .view-all-section .view-all-btn svg{width:22px;height:22px}.publications-section-modern .post-grid-home{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin-bottom:40px}@media (max-width: 1200px){.publications-section-modern .post-grid-home{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.publications-section-modern .post-grid-home{grid-template-columns:1fr}}.publications-section-modern .post-grid-home.homepage-publications{margin:0}.publications-section-modern .post-grid-home .home-article-card{height:100%}.publications-section-modern .post-grid-home .publications-section-modern .home-article{background-color:#ffffff;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.12);height:520px;display:flex;flex-direction:column;transition:transform 0.3s ease, box-shadow 0.3s ease;border:1px solid rgba(226,232,240,0.8)}.publications-section-modern .post-grid-home .publications-section-modern .home-article:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.15)}.publications-section-modern .post-grid-home .publications-section-modern .home-article .home-article-content{display:flex;flex-direction:column;height:100%}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-thumb{height:200px;overflow:hidden;background:#f1f5f9}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-thumb:hover img{transform:scale(1.08)}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text{padding:25px 25px 5px;display:flex;flex-direction:column;flex-grow:1;background-color:#ffffff}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-meta{margin-bottom:12px;display:flex;gap:8px}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-meta .publication-type-beautiful,.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-meta .reading-time{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-meta .publication-type-beautiful{background:linear-gradient(135deg, rgba(139,92,246,0.1) 0%, rgba(30,41,59,0.15) 100%);color:#6d28d9}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-meta .reading-time{background:rgba(15,23,42,0.08);color:#64748b}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-title{font-size:18px;font-weight:700;margin-bottom:14px;line-height:1.4}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-title a{color:#1e293b;text-decoration:none;transition:color 0.2s ease}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-title a:hover{color:#3b82f6}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-excerpt{font-size:14px;line-height:1.6;color:#64748b;margin-bottom:15px;flex-grow:1;max-height:140px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-tags{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:6px}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-text .post-news-tags .tag-mini{font-size:12px;padding:3px 10px;border-radius:4px;background-color:#f1f5f9;color:#3b82f6;font-weight:500}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions{margin-top:auto;padding:15px 25px 25px;background-color:#ffffff;border-top:1px solid rgba(226,232,240,0.5)}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .view-btn,.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .modules-section-modern .view-all-section .view-all-btn,.modules-section-modern .view-all-section .publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .view-all-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:8px;background:linear-gradient(135deg, #3b82f6 0%, #4f46e5 100%);color:white;font-weight:600;text-decoration:none;transition:all 0.3s ease}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .view-btn:hover,.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .modules-section-modern .view-all-section .view-all-btn:hover,.modules-section-modern .view-all-section .publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .view-all-btn:hover{background:linear-gradient(135deg, #2563eb 0%, #4338ca 100%);transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,0.3)}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .view-btn:hover svg,.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .modules-section-modern .view-all-section .view-all-btn:hover svg,.modules-section-modern .view-all-section .publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .view-all-btn:hover svg{transform:translateX(3px)}.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .view-btn svg,.publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .modules-section-modern .view-all-section .view-all-btn svg,.modules-section-modern .view-all-section .publications-section-modern .post-grid-home .publications-section-modern .home-article .post-news-actions .view-all-btn svg{width:18px;height:18px;transition:transform 0.3s ease}.series-navigation{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border:2px solid #007bff;border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:0 4px 12px rgba(0,123,255,0.1)}.series-navigation .series-title{color:#007bff;font-size:1.2rem;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem}.series-navigation .series-title i{font-size:1.1rem}.series-navigation .series-description{color:#6c757d;font-style:italic;margin-bottom:1rem}.series-navigation .series-description p{margin:0}.series-navigation .series-progress{margin-bottom:1.5rem}.series-navigation .series-progress .progress-bar{background:#e9ecef;height:8px;border-radius:4px;overflow:hidden;margin-bottom:0.5rem}.series-navigation .series-progress .progress-bar .progress-fill{background:linear-gradient(90deg, #007bff, #0056b3);height:100%;transition:width 0.3s ease;border-radius:4px}.series-navigation .series-progress .progress-text{font-size:0.9rem;color:#495057;font-weight:500}.series-navigation .series-list{list-style:none;padding:0;margin:0 0 1.5rem 0}.series-navigation .series-list .series-item{padding:0.75rem;margin-bottom:0.5rem;border-radius:8px;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem}.series-navigation .series-list .series-item.current{background:#007bff;color:white;font-weight:bold;transform:translateX(5px)}.series-navigation .series-list .series-item.current .current-label{font-size:0.8rem;opacity:0.8}.series-navigation .series-list .series-item:not(.current):hover{background:#ffffff;transform:translateX(3px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.series-navigation .series-list .series-item .series-link{color:#007bff;text-decoration:none;display:flex;align-items:center;gap:0.5rem;flex:1}.series-navigation .series-list .series-item .series-link:hover{color:#0056b3}.series-navigation .series-list .series-item .future-post{color:#6c757d;font-style:italic}.series-navigation .series-list .series-item .future-date{color:#adb5bd;font-size:0.8rem;margin-left:auto}.series-navigation .series-list .series-item .current-marker,.series-navigation .series-list .series-item .link-marker,.series-navigation .series-list .series-item .future-marker{font-size:0.9rem}.series-navigation .series-navigation-buttons{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.series-navigation .series-navigation-buttons .btn-nav{padding:0.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem}.series-navigation .series-navigation-buttons .btn-nav.btn-prev{background:#6c757d;color:white}.series-navigation .series-navigation-buttons .btn-nav.btn-prev:hover{background:#5a6268;transform:translateX(-2px)}.series-navigation .series-navigation-buttons .btn-nav.btn-next{background:#007bff;color:white;margin-left:auto}.series-navigation .series-navigation-buttons .btn-nav.btn-next:hover{background:#0056b3;transform:translateX(2px)}.series-navigation .series-navigation-buttons .btn-nav.btn-next.disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.admin-preview-bar{background:linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);color:white;padding:0.75rem 0;border-bottom:3px solid #dc3545;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(220,53,69,0.3)}.admin-preview-bar .admin-preview-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.admin-preview-bar .admin-preview-content i{margin-right:0.5rem}.admin-preview-bar .admin-actions{display:flex;gap:0.5rem}.admin-preview-bar .admin-actions .btn-admin{background:rgba(255,255,255,0.2);color:white;border:1px solid rgba(255,255,255,0.3);padding:0.25rem 0.75rem;border-radius:4px;text-decoration:none;font-size:0.85rem;transition:all 0.2s ease}.admin-preview-bar .admin-actions .btn-admin:hover{background:rgba(255,255,255,0.3);color:white;transform:translateY(-1px)}.future-post-preview{border:2px dashed #ffc107;background:#fff3cd;padding:1rem;border-radius:8px;margin:1rem 0;position:relative}.future-post-preview::before{content:"🔮 Futur Article";position:absolute;top:-10px;left:1rem;background:#ffc107;color:#212529;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.8rem;font-weight:bold}.linkedin-preview-helper{background:linear-gradient(135deg, #0077b5 0%, #005885 100%);color:white;padding:1.5rem;border-radius:12px;margin:2rem 0;box-shadow:0 4px 16px rgba(0,119,181,0.2)}.linkedin-preview-helper h4{color:white;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.linkedin-preview-helper h4 i{font-size:1.2rem}.linkedin-preview-helper .url-preview,.linkedin-preview-helper .linkedin-post-preview{margin-bottom:1.5rem}.linkedin-preview-helper .url-preview label,.linkedin-preview-helper .linkedin-post-preview label{display:block;font-weight:600;margin-bottom:0.5rem;color:#e8f4fd}.linkedin-preview-helper .url-preview .url-display,.linkedin-preview-helper .linkedin-post-preview .url-display{display:flex;gap:0.5rem;align-items:center}.linkedin-preview-helper .url-preview .url-display input,.linkedin-preview-helper .linkedin-post-preview .url-display input{flex:1;padding:0.5rem;border:none;border-radius:6px;font-family:monospace;font-size:0.9rem;background:rgba(255,255,255,0.9)}.linkedin-preview-helper .url-preview textarea,.linkedin-preview-helper .linkedin-post-preview textarea{width:100%;padding:0.75rem;border:none;border-radius:6px;resize:vertical;font-family:system-ui, -apple-system, sans-serif;background:rgba(255,255,255,0.9);margin-bottom:0.5rem}.linkedin-preview-helper .btn-copy{background:rgba(255,255,255,0.2);color:white;border:1px solid rgba(255,255,255,0.3);padding:0.5rem 1rem;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.linkedin-preview-helper .btn-copy:hover{background:rgba(255,255,255,0.3);transform:translateY(-1px)}.linkedin-preview-helper .btn-copy.success{background:#28a745;border-color:#28a745}.linkedin-preview-helper .publication-info{background:rgba(255,255,255,0.1);padding:1rem;border-radius:8px;border-left:4px solid #ffc107}.linkedin-preview-helper .publication-info p{margin:0.5rem 0}.linkedin-preview-helper .publication-info p:last-child{margin-bottom:0}.linkedin-preview-helper .publication-info #countdown{font-weight:bold;color:#ffc107}.btn-admin-toggle{background:linear-gradient(135deg, #6f42c1 0%, #5a2d91 100%);color:white;border:none;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(111,66,193,0.3)}.btn-admin-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(111,66,193,0.4)}.btn-admin-toggle i{margin-right:0.5rem}.future-post-badge{background:linear-gradient(135deg, #ffc107 0%, #ff8f00 100%);color:#212529;padding:0.5rem 1rem;border-radius:0 0 8px 8px;font-size:0.85rem;font-weight:600;text-align:center;box-shadow:0 2px 8px rgba(255,193,7,0.3)}.future-post-badge i{margin-right:0.5rem}.post-preview-wrapper{position:relative}.post-preview-wrapper.future-post-item{opacity:0.8;border:2px dashed #ffc107;border-radius:12px;padding:0.5rem;margin-bottom:1rem;background:rgba(255,193,7,0.05)}.admin-preview-mode .future-post-item{display:block !important}.admin-preview-mode #admin-toggle-section{display:none !important}.future-post-linkedin-helper{background:linear-gradient(135deg, #0077b5 0%, #005885 100%);color:white;padding:1rem;border-radius:8px;margin-top:1rem}.future-post-linkedin-helper h5{margin:0 0 0.75rem 0;font-size:0.9rem}.future-post-linkedin-helper h5 i{margin-right:0.5rem}.future-post-linkedin-helper .url-copy-section{display:flex;gap:0.5rem;margin-bottom:0.75rem}.future-post-linkedin-helper .url-copy-section .production-url-input{flex:1;padding:0.4rem;border:none;border-radius:4px;font-family:monospace;font-size:0.8rem}.future-post-linkedin-helper .linkedin-suggestion-mini{width:100%;padding:0.5rem;border:none;border-radius:4px;resize:vertical;font-size:0.8rem;margin-bottom:0.5rem}.future-post-linkedin-helper .btn-copy-mini{background:rgba(255,255,255,0.2);color:white;border:1px solid rgba(255,255,255,0.3);padding:0.4rem 0.8rem;border-radius:4px;cursor:pointer;font-size:0.8rem;transition:all 0.2s ease}.future-post-linkedin-helper .btn-copy-mini:hover{background:rgba(255,255,255,0.3)}.future-post-linkedin-helper .btn-copy-mini i{margin-right:0.3rem}.future-post-link{color:#6c757d !important;cursor:not-allowed;text-decoration:none}.future-post-link:hover{color:#495057 !important}.post-series-info{background:rgba(0,123,255,0.1);padding:0.5rem;border-radius:4px;margin-top:0.75rem;font-size:0.85rem}.post-series-info i{color:#007bff;margin-right:0.5rem}@media (max-width: 768px){.series-navigation{padding:1rem}.series-navigation .series-navigation-buttons{flex-direction:column}.series-navigation .series-navigation-buttons .btn-next{margin-left:0}.admin-preview-content{flex-direction:column;text-align:center}}@keyframes float{0%, 100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}100%{transform:scale(1);opacity:1}}@keyframes blink{0%, 50%{opacity:1}51%, 100%{opacity:0}}@keyframes rippleAnimation{to{transform:scale(4);opacity:0}}@keyframes slideInUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%, 100%{transform:translateX(0)}10%, 30%, 50%, 70%, 90%{transform:translateX(-2px)}20%, 40%, 60%, 80%{transform:translateX(2px)}}@keyframes bounce{0%, 20%, 53%, 80%, 100%{transform:translate3d(0, 0, 0)}40%, 43%{transform:translate3d(0, -8px, 0)}70%{transform:translate3d(0, -4px, 0)}90%{transform:translate3d(0, -2px, 0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-fade-in{animation:fadeIn 0.6s ease-out}.animate-fade-in-up{animation:fadeInUp 0.8s ease-out}.animate-slide-in-up{animation:slideInUp 0.6s ease-out}.animate-slide-in-right{animation:slideInRight 0.6s ease-out}.animate-slide-in-left{animation:slideInLeft 0.6s ease-out}.animate-zoom-in{animation:zoomIn 0.5s ease-out}.animate-bounce{animation:bounce 1s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-shake{animation:shake 0.5s ease-in-out}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all 0.8s ease-out;animation:forceShowScroll 0.1s ease-out 2s forwards}.scroll-reveal.animate-in{opacity:1;transform:translateY(0)}@keyframes forceShowScroll{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:250ms ease-in-out}.hover-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.hover-scale{transition:150ms ease-in-out}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:250ms ease-in-out}.hover-rotate:hover{transform:rotate(5deg)}.hover-glow{transition:250ms ease-in-out}.hover-glow:hover{box-shadow:0 0 20px rgba(15,23,42,0.3)}.typing-effect{position:relative}.typing-effect::after{content:'|';animation:blink 1s infinite;color:#0f172a;font-weight:700}.text-gradient{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-animated{background:linear-gradient(45deg, #0f172a, #1e293b, #d4af37, #0f172a);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientMove 3s ease infinite}.metric-value{font-variant-numeric:tabular-nums;transition:color 0.3s ease}.loading-spinner{width:40px;height:40px;border:3px solid rgba(15,23,42,0.3);border-radius:50%;border-top-color:#0f172a;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:4px}.loading-dots::before,.loading-dots::after,.loading-dots{content:'';width:8px;height:8px;border-radius:50%;background:#0f172a;animation:loadingDots 1.4s ease-in-out infinite both}.loading-dots::before{animation-delay:-0.32s}.loading-dots::after{animation-delay:-0.16s}@keyframes loadingDots{0%, 80%, 100%{transform:scale(0)}40%{transform:scale(1)}}.expandable{overflow:hidden;transition:max-height 0.3s ease-out;max-height:0}.expandable.expanded{max-height:1000px}@media (max-width: 768px){.stagger-animation .animate-item:nth-child(n){transition-delay:0.1s}.scroll-reveal{transform:translateY(15px)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.animate-float,.animate-pulse,.text-gradient-animated{animation:none !important}}@media (prefers-color-scheme: dark){.text-gradient-animated{background:linear-gradient(45deg, #0f172a, #1e293b, #059669, #0f172a);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.scrolling .animate-float,.scrolling .animate-pulse{animation-play-state:paused}.scrolling .hover-lift:hover{transform:none}.gpu-accelerated{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.code-block-container{position:relative;margin:2rem 0}.code-block-container .copy-button{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg, rgba(59,130,246,0.15) 0%, rgba(99,102,241,0.2) 100%);color:#0f172a;border:1px solid rgba(59,130,246,0.3);border-radius:6px;padding:0.5rem 0.75rem;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;z-index:10}.code-block-container .copy-button:hover{background:linear-gradient(135deg, rgba(59,130,246,0.25) 0%, rgba(99,102,241,0.3) 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.code-block-container .copy-button.copied{background:linear-gradient(135deg, rgba(16,185,129,0.15) 0%, rgba(5,150,105,0.2) 100%);color:#10b981;border-color:rgba(16,185,129,0.3)}.code-block-container .copy-button i{margin-right:0.25rem}.post-content table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.post-content table th,.post-content table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(226,232,240,0.6)}.post-content table th{background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);font-weight:600;color:#2d3748;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px}.post-content table tr:nth-child(even){background:rgba(248,250,252,0.5)}.post-content table tr:hover{background:rgba(59,130,246,0.05)}.post-content table .code-column{font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:0.85rem;background:#f8fafc;border-radius:6px;padding:0.75rem}.code-example{margin:2rem 0;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.12)}.code-example.dangerous{border:2px solid #ef4444}.code-example.dangerous .code-header{background:linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);color:#dc2626}.code-example.dangerous .code-header::before{content:'⚠️';margin-right:0.5rem}.code-example.dangerous pre{border-top:3px solid #ef4444}.code-example.secure{border:2px solid #10b981}.code-example.secure .code-header{background:linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);color:#059669}.code-example.secure .code-header::before{content:'✅';margin-right:0.5rem}.code-example.secure pre{border-top:3px solid #10b981}.code-example .code-header{padding:0.75rem 1.5rem;font-weight:600;font-size:0.9rem;border-bottom:1px solid rgba(0,0,0,0.1)}.code-example pre{margin:0;border-radius:0}@media (max-width: 768px){.code-block-container .copy-button{top:0.5rem;right:0.5rem;padding:0.4rem 0.6rem;font-size:0.7rem}.post-content pre{padding:1rem;font-size:0.85em}.post-content pre code{font-size:0.85em}.post-content code{font-size:0.85em;padding:2px 6px}.post-content table{font-size:0.9rem}.post-content table th,.post-content table td{padding:0.75rem 0.5rem}.code-example .code-header{padding:0.5rem 1rem;font-size:0.8rem}}.highlight{background:#1e1e1e;color:#d4d4d4;border-radius:8px;overflow-x:auto;margin:1.5rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.highlight pre{background:transparent;color:inherit;padding:1.5rem;margin:0;border:none;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:0.9rem;line-height:1.6;overflow-x:auto}.highlight code{background:transparent;color:inherit;padding:0;border:none;font-size:inherit}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cp,.highlight .cs{color:#6a9955;font-style:italic}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#569cd6;font-weight:bold}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#ce9178}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#b5cea8}.highlight .o,.highlight .ow{color:#d4d4d4}.highlight .n,.highlight .na,.highlight .nb,.highlight .nc,.highlight .nd,.highlight .ne,.highlight .nf,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .no,.highlight .nt,.highlight .nv{color:#dcdcaa}.highlight .nc{color:#4ec9b0}.highlight .nf{color:#dcdcaa}.highlight .na{color:#92c5f8}.highlight .kt{color:#4ec9b0}.highlight .err{color:#f44747;background:rgba(244,71,71,0.1)}.highlight .g{color:#d4d4d4}.highlight .gd{color:#f44747}.highlight .ge{font-style:italic}.highlight .gi{color:#89d185}.highlight .go{color:#808080}.highlight .gp{color:#569cd6;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#4ec9b0;font-weight:bold}.highlight .l{color:#b5cea8}.highlight .ld{color:#ce9178}.highlight .p{color:#d4d4d4}.highlight .vi,.highlight .vg{color:#4fc1ff}.highlight .w{color:transparent}.highlight .dl{color:#ce9178}.language-php .highlight .cp{color:#569cd6}.language-php .highlight .nv{color:#4fc1ff}.language-python .highlight .bp{color:#4ec9b0}.language-python .highlight .kn{color:#c586c0}.language-javascript .highlight .kd{color:#569cd6}.language-javascript .highlight .nx{color:#9cdcfe}.language-typescript .highlight .kr{color:#4ec9b0}p code,li code,td code{background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);color:#1e293b;padding:0.2rem 0.4rem;border-radius:4px;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:0.9em;border:1px solid rgba(148,163,184,0.2)}@keyframes code-highlight{0%{background-color:rgba(59,130,246,0.1)}50%{background-color:rgba(59,130,246,0.2)}100%{background-color:transparent}}.highlight-line{animation:code-highlight 2s ease-in-out}pre.line-numbers{position:relative;padding-left:3.75rem}pre.line-numbers .line-numbers-container{position:absolute;top:0;bottom:0;left:0;width:3.25rem;padding:1.5rem 0.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:0;background:linear-gradient(180deg, rgba(15,23,42,0.12) 0%, rgba(15,23,42,0.06) 100%);border-right:1px solid rgba(148,163,184,0.25);pointer-events:none;user-select:none}pre.line-numbers .line-number{display:block;text-align:right;color:#94a3b8;font-size:0.75rem;line-height:1.6;height:1.6em;opacity:0.9}@media (max-width: 768px){pre.line-numbers{padding-left:3rem}pre.line-numbers .line-numbers-container{width:2.75rem}}@media print{.copy-button{display:none !important}.post-content pre{background:#f8f9fa !important;color:#000 !important;border:1px solid #ddd !important;box-shadow:none !important}.post-content pre::before{display:none !important}.post-content code{background:#f0f0f0 !important;color:#000 !important;border:1px solid #ccc !important}.code-example{border:1px solid #000 !important;box-shadow:none !important}.code-example .code-header{background:#f5f5f5 !important;color:#000 !important}}.skills-page-modern{background:#f9fafb;min-height:100vh;padding:2rem 0}.skills-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;padding:0 1rem}.skill-filter-btn{padding:0.75rem 1.5rem;border:2px solid #e2e8f0;background:white;color:#374151;border-radius:50px;font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;text-transform:capitalize}.skill-filter-btn:hover{border-color:#059669;color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px rgba(5,150,105,0.15)}.skill-filter-btn.active{background:#059669;border-color:#059669;color:white;box-shadow:0 4px 12px rgba(5,150,105,0.25)}.skills-category-modern,.skills-category-modern[data-category="php-backend"]{margin-bottom:4rem;opacity:0;transform:translateY(20px);transition:all 0.4s ease-out}.skills-category-modern.visible{opacity:1;transform:translateY(0)}.category-header-modern{text-align:center;margin-bottom:2.5rem}.category-header-modern h2{font-size:2.5rem;font-weight:700;color:#0f172a;margin-bottom:1rem;position:relative;display:inline-block}.category-header-modern h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg, #059669 0%, #059669 100%);border-radius:2px}.category-header-modern .category-description{font-size:1.1rem;color:#374151;line-height:1.6;max-width:600px;margin:0 auto}.skills-grid-circular{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.skill-card-circular{background:white;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 4px 20px rgba(15,23,42,0.08);border:1px solid #e2e8f0;transition:all 0.4s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(30px)}.skill-card-circular::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #059669 0%, #059669 100%);transform:scaleX(0);transition:transform 0.4s ease}.skill-card-circular:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(15,23,42,0.15);border-color:#059669}.skill-card-circular:hover::before{transform:scaleX(1)}.skill-card-circular:hover .circular-progress{filter:drop-shadow(0 4px 8px rgba(5,150,105,0.3))}.skill-card-circular.animate-in{opacity:1;transform:translateY(0)}.skill-visual-circular{margin-bottom:1.5rem}.circular-progress-container{position:relative;width:100px;height:100px;margin:0 auto 1rem}.circular-progress{width:100%;height:100%;transform:rotate(-90deg);transition:all 0.6s ease}.circular-progress .circle-bg{stroke:#e2e8f0;stroke-linecap:round}.circular-progress .circle{stroke:#059669 !important;stroke-linecap:round;stroke-dasharray:0, 100;transition:stroke-dasharray 1s ease-in-out;filter:drop-shadow(0 2px 4px rgba(5,150,105,0.3))}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.2rem;font-weight:700;color:#0f172a}.skill-icon-circular{display:none}.skill-info-circular h3.skill-name-circular{font-size:1.3rem;font-weight:700;color:#0f172a;margin-bottom:0.75rem;line-height:1.3}.skill-info-circular .skill-description-circular{font-size:0.95rem;color:#374151;line-height:1.5;opacity:0.9}@media (max-width: 768px){.skills-page-modern{padding:1.5rem 0}.category-header-modern{margin-bottom:2rem}.category-header-modern h2{font-size:2rem}.category-header-modern .category-description{font-size:1rem;padding:0 1rem}.skills-grid-circular{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem}.skill-card-circular{padding:1.5rem}.skills-filter{gap:0.75rem;margin-bottom:2rem}.skill-filter-btn{padding:0.6rem 1.2rem;font-size:0.85rem}}@media (max-width: 480px){.skills-grid-circular{grid-template-columns:1fr;padding:0 0.5rem}.category-header-modern h2{font-size:1.75rem}.skill-card-circular{padding:1.25rem}}.skills-hero-modern{background:linear-gradient(135deg, #fafafa 0%, #f3f4f6 100%);padding:4rem 0;position:relative;overflow:hidden}.skills-hero-modern::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e5e7eb" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:0.3}.skills-hero-modern .container{position:relative;z-index:2}.skills-hero-modern .breadcrumb{margin-bottom:2rem}.skills-hero-modern .breadcrumb a{color:#6b7280;text-decoration:none;font-size:0.9rem}.skills-hero-modern .breadcrumb a:hover{color:#059669}.skills-hero-modern .breadcrumb span{color:#0f172a;font-weight:600}.skills-hero-modern .breadcrumb span::before{content:' / ';color:#6b7280;margin:0 0.5rem}.hero-signature{text-align:center;margin-bottom:4rem}.hero-signature .hero-title{font-size:3.5rem;font-weight:800;color:#0f172a;margin-bottom:2rem;line-height:1.1}@media (max-width: 768px){.hero-signature .hero-title{font-size:2.5rem}}.hero-signature .signature-quote{max-width:800px;margin:0 auto}.hero-signature .signature-quote blockquote{font-size:1.3rem;line-height:1.6;color:#111827;font-style:italic;margin:0 0 1rem 0;position:relative;padding:0 2rem}.hero-signature .signature-quote blockquote::before,.hero-signature .signature-quote blockquote::after{content:'"';font-size:2rem;color:#059669;font-weight:bold;position:absolute;top:-0.5rem}.hero-signature .signature-quote blockquote::before{left:0}.hero-signature .signature-quote blockquote::after{right:0}@media (max-width: 768px){.hero-signature .signature-quote blockquote{font-size:1.1rem;padding:0 1.5rem}}.hero-signature .signature-quote cite{font-size:1rem;color:#6b7280;font-style:normal;font-weight:600}.value-trilogy{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-bottom:4rem}.value-trilogy .value-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.05);border:1px solid #e5e7eb;transition:all 0.3s ease;position:relative;overflow:hidden}.value-trilogy .value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #059669 0%, #10b981 100%)}.value-trilogy .value-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(5,150,105,0.15)}.value-trilogy .value-card .value-icon{font-size:3rem;margin-bottom:1rem;display:block}.value-trilogy .value-card h3{font-size:1.3rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.value-trilogy .value-card p{color:#6b7280;line-height:1.5;font-size:0.95rem}.key-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem}.key-metrics .metric{text-align:center}.key-metrics .metric .metric-number{font-size:3rem;font-weight:900;color:#059669;line-height:1;margin-bottom:0.5rem}@media (max-width: 768px){.key-metrics .metric .metric-number{font-size:2.5rem}}.key-metrics .metric .metric-label{font-size:0.9rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.skills-page-pro{background:#fafafa;min-height:100vh;padding:2rem 0}.expertise-navigation{margin-bottom:4rem}.expertise-navigation .nav-title{text-align:center;margin-bottom:2rem}.expertise-navigation .nav-title h2{font-size:2.5rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.expertise-navigation .nav-title p{color:#6b7280;font-size:1.1rem}.expertise-navigation .expertise-filters,.expertise-navigation .filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.expertise-navigation .expertise-filters .expertise-filter-btn,.expertise-navigation .expertise-filters .filter-btn-modern,.expertise-navigation .filter-buttons .expertise-filter-btn,.expertise-navigation .filter-buttons .filter-btn-modern{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;min-width:160px}.expertise-navigation .expertise-filters .expertise-filter-btn .filter-icon,.expertise-navigation .expertise-filters .filter-btn-modern .filter-icon,.expertise-navigation .filter-buttons .expertise-filter-btn .filter-icon,.expertise-navigation .filter-buttons .filter-btn-modern .filter-icon{font-size:1.5rem}.expertise-navigation .expertise-filters .expertise-filter-btn .filter-icon svg,.expertise-navigation .expertise-filters .filter-btn-modern .filter-icon svg,.expertise-navigation .filter-buttons .expertise-filter-btn .filter-icon svg,.expertise-navigation .filter-buttons .filter-btn-modern .filter-icon svg{width:1em;height:1em}.expertise-navigation .expertise-filters .expertise-filter-btn .filter-text,.expertise-navigation .expertise-filters .filter-btn-modern .filter-text,.expertise-navigation .filter-buttons .expertise-filter-btn .filter-text,.expertise-navigation .filter-buttons .filter-btn-modern .filter-text{font-weight:600;color:#111827;font-size:0.95rem}.expertise-navigation .expertise-filters .expertise-filter-btn .filter-meta,.expertise-navigation .expertise-filters .filter-btn-modern .filter-meta,.expertise-navigation .filter-buttons .expertise-filter-btn .filter-meta,.expertise-navigation .filter-buttons .filter-btn-modern .filter-meta{font-size:0.8rem;color:#6b7280;font-weight:500}.expertise-navigation .expertise-filters .expertise-filter-btn.filter-btn-modern,.expertise-navigation .expertise-filters .filter-btn-modern.filter-btn-modern,.expertise-navigation .filter-buttons .expertise-filter-btn.filter-btn-modern,.expertise-navigation .filter-buttons .filter-btn-modern.filter-btn-modern{font-weight:600;color:#111827;font-size:0.95rem}.expertise-navigation .expertise-filters .expertise-filter-btn:hover,.expertise-navigation .expertise-filters .filter-btn-modern:hover,.expertise-navigation .filter-buttons .expertise-filter-btn:hover,.expertise-navigation .filter-buttons .filter-btn-modern:hover{border-color:#059669;transform:translateY(-2px);box-shadow:0 8px 25px rgba(5,150,105,0.15)}.expertise-navigation .expertise-filters .expertise-filter-btn.active,.expertise-navigation .expertise-filters .filter-btn-modern.active,.expertise-navigation .filter-buttons .expertise-filter-btn.active,.expertise-navigation .filter-buttons .filter-btn-modern.active{background:#059669;border-color:#059669;color:white}.expertise-navigation .expertise-filters .expertise-filter-btn.active .filter-text,.expertise-navigation .expertise-filters .expertise-filter-btn.active .filter-meta,.expertise-navigation .expertise-filters .filter-btn-modern.active .filter-text,.expertise-navigation .expertise-filters .filter-btn-modern.active .filter-meta,.expertise-navigation .filter-buttons .expertise-filter-btn.active .filter-text,.expertise-navigation .filter-buttons .expertise-filter-btn.active .filter-meta,.expertise-navigation .filter-buttons .filter-btn-modern.active .filter-text,.expertise-navigation .filter-buttons .filter-btn-modern.active .filter-meta{color:white}@media (max-width: 768px){.expertise-navigation .expertise-filters .expertise-filter-btn,.expertise-navigation .expertise-filters .filter-btn-modern,.expertise-navigation .filter-buttons .expertise-filter-btn,.expertise-navigation .filter-buttons .filter-btn-modern{min-width:140px;padding:0.75rem 1rem}.expertise-navigation .expertise-filters .expertise-filter-btn .filter-text,.expertise-navigation .expertise-filters .filter-btn-modern .filter-text,.expertise-navigation .filter-buttons .expertise-filter-btn .filter-text,.expertise-navigation .filter-buttons .filter-btn-modern .filter-text{font-size:0.85rem}.expertise-navigation .expertise-filters .expertise-filter-btn .filter-meta,.expertise-navigation .expertise-filters .filter-btn-modern .filter-meta,.expertise-navigation .filter-buttons .expertise-filter-btn .filter-meta,.expertise-navigation .filter-buttons .filter-btn-modern .filter-meta{font-size:0.75rem}}.expertise-category-pro,.skills-category-modern,.skills-category-modern[data-category="php-backend"]{margin-bottom:3rem;opacity:1;transform:translateY(0);transition:all 0.4s ease-out}.expertise-category-pro.visible,.skills-category-modern.visible{opacity:1;transform:translateY(0)}.expertise-category-pro.filtered-out,.skills-category-modern.filtered-out{opacity:0;transform:translateY(20px);pointer-events:none;height:0;margin:0;overflow:hidden}.category-header-pro{margin-bottom:3rem}.category-header-pro .category-title-group{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.category-header-pro .category-title-group .category-icon{font-size:2.5rem;background:linear-gradient(135deg, #059669 0%, #10b981 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.category-header-pro .category-title-group .category-title{font-size:2.2rem;font-weight:700;color:#0f172a;margin:0;line-height:1.2}@media (max-width: 768px){.category-header-pro .category-title-group .category-title{font-size:1.8rem}}.category-header-pro .category-description-pro{font-size:1.1rem;color:#6b7280;line-height:1.6;max-width:800px;margin-left:4rem}@media (max-width: 768px){.category-header-pro .category-description-pro{margin-left:0;font-size:1rem}}.skills-grid-pro,.skills-grid-modern{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin-top:1rem}@media (max-width: 768px){.skills-grid-pro,.skills-grid-modern{grid-template-columns:1fr;gap:1.5rem}}.skill-card-pro,.skill-card-modern{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.05);border:1px solid #e5e7eb;transition:all 0.4s ease;position:relative;overflow:hidden}.skill-card-pro::before,.skill-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #059669 0%, #10b981 100%);transform:scaleX(0);transition:transform 0.4s ease}.skill-card-pro:hover,.skill-card-modern:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(15,23,42,0.1);border-color:#059669}.skill-card-pro:hover::before,.skill-card-modern:hover::before{transform:scaleX(1)}.skill-card-pro:hover .level-circle,.skill-card-modern:hover .level-circle{transform:scale(1.1)}.skill-card-pro .skill-header,.skill-card-modern .skill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.skill-card-pro .skill-header .skill-level-indicator,.skill-card-modern .skill-header .skill-level-indicator{display:flex;align-items:center;gap:1rem}.skill-card-pro .skill-header .skill-level-indicator .level-circle,.skill-card-modern .skill-header .skill-level-indicator .level-circle{width:60px;height:60px;border-radius:50%;background:conic-gradient(from 0deg, #059669 0%, #059669 var(--level-deg), #e5e7eb var(--level-deg), #e5e7eb 100%);display:flex;align-items:center;justify-content:center;position:relative;transition:transform 0.3s ease}.skill-card-pro .skill-header .skill-level-indicator .level-circle::before,.skill-card-modern .skill-header .skill-level-indicator .level-circle::before{content:'';position:absolute;width:46px;height:46px;background:#fff;border-radius:50%}.skill-card-pro .skill-header .skill-level-indicator .level-circle .level-percentage,.skill-card-modern .skill-header .skill-level-indicator .level-circle .level-percentage{position:relative;font-size:0.9rem;font-weight:700;color:#0f172a;z-index:1}.skill-card-pro .skill-header .skill-level-indicator .level-circle[data-level],.skill-card-modern .skill-header .skill-level-indicator .level-circle[data-level]{--level-deg: calc(var(--level, 0) * 3.6deg)}.skill-card-pro .skill-header .skill-level-indicator .experience-badge,.skill-card-modern .skill-header .skill-level-indicator .experience-badge{background:linear-gradient(135deg, #f59e0b 0%, #f59e0b 100%);color:white;padding:0.4rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:600;text-align:center;min-width:60px}.skill-card-pro .skill-content .skill-name-pro,.skill-card-modern .skill-content .skill-name-pro{font-size:1.4rem;font-weight:700;color:#0f172a;margin-bottom:1rem;line-height:1.3}.skill-card-pro .skill-content .skill-description-pro,.skill-card-modern .skill-content .skill-description-pro{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;font-size:0.95rem}.skill-card-pro .skill-content .skill-achievements,.skill-card-pro .skill-content .skill-impact,.skill-card-modern .skill-content .skill-achievements,.skill-card-modern .skill-content .skill-impact{margin-bottom:1rem}.skill-card-pro .skill-content .skill-achievements .achievement-item,.skill-card-pro .skill-content .skill-achievements .impact-item,.skill-card-pro .skill-content .skill-impact .achievement-item,.skill-card-pro .skill-content .skill-impact .impact-item,.skill-card-modern .skill-content .skill-achievements .achievement-item,.skill-card-modern .skill-content .skill-achievements .impact-item,.skill-card-modern .skill-content .skill-impact .achievement-item,.skill-card-modern .skill-content .skill-impact .impact-item{display:flex;align-items:flex-start;gap:0.75rem}.skill-card-pro .skill-content .skill-achievements .achievement-item .achievement-icon,.skill-card-pro .skill-content .skill-achievements .achievement-item .impact-icon,.skill-card-pro .skill-content .skill-achievements .impact-item .achievement-icon,.skill-card-pro .skill-content .skill-achievements .impact-item .impact-icon,.skill-card-pro .skill-content .skill-impact .achievement-item .achievement-icon,.skill-card-pro .skill-content .skill-impact .achievement-item .impact-icon,.skill-card-pro .skill-content .skill-impact .impact-item .achievement-icon,.skill-card-pro .skill-content .skill-impact .impact-item .impact-icon,.skill-card-modern .skill-content .skill-achievements .achievement-item .achievement-icon,.skill-card-modern .skill-content .skill-achievements .achievement-item .impact-icon,.skill-card-modern .skill-content .skill-achievements .impact-item .achievement-icon,.skill-card-modern .skill-content .skill-achievements .impact-item .impact-icon,.skill-card-modern .skill-content .skill-impact .achievement-item .achievement-icon,.skill-card-modern .skill-content .skill-impact .achievement-item .impact-icon,.skill-card-modern .skill-content .skill-impact .impact-item .achievement-icon,.skill-card-modern .skill-content .skill-impact .impact-item .impact-icon{font-size:1.1rem;margin-top:0.1rem;flex-shrink:0}.skill-card-pro .skill-content .skill-achievements .achievement-item .achievement-text,.skill-card-pro .skill-content .skill-achievements .achievement-item .impact-text,.skill-card-pro .skill-content .skill-achievements .impact-item .achievement-text,.skill-card-pro .skill-content .skill-achievements .impact-item .impact-text,.skill-card-pro .skill-content .skill-impact .achievement-item .achievement-text,.skill-card-pro .skill-content .skill-impact .achievement-item .impact-text,.skill-card-pro .skill-content .skill-impact .impact-item .achievement-text,.skill-card-pro .skill-content .skill-impact .impact-item .impact-text,.skill-card-modern .skill-content .skill-achievements .achievement-item .achievement-text,.skill-card-modern .skill-content .skill-achievements .achievement-item .impact-text,.skill-card-modern .skill-content .skill-achievements .impact-item .achievement-text,.skill-card-modern .skill-content .skill-achievements .impact-item .impact-text,.skill-card-modern .skill-content .skill-impact .achievement-item .achievement-text,.skill-card-modern .skill-content .skill-impact .achievement-item .impact-text,.skill-card-modern .skill-content .skill-impact .impact-item .achievement-text,.skill-card-modern .skill-content .skill-impact .impact-item .impact-text{font-size:0.9rem;line-height:1.4}.skill-card-pro .skill-content .skill-achievements .achievement-item .achievement-text,.skill-card-pro .skill-content .skill-achievements .impact-item .achievement-text,.skill-card-pro .skill-content .skill-impact .achievement-item .achievement-text,.skill-card-pro .skill-content .skill-impact .impact-item .achievement-text,.skill-card-modern .skill-content .skill-achievements .achievement-item .achievement-text,.skill-card-modern .skill-content .skill-achievements .impact-item .achievement-text,.skill-card-modern .skill-content .skill-impact .achievement-item .achievement-text,.skill-card-modern .skill-content .skill-impact .impact-item .achievement-text{color:#f59e0b;font-weight:600}.skill-card-pro .skill-content .skill-achievements .achievement-item .impact-text,.skill-card-pro .skill-content .skill-achievements .impact-item .impact-text,.skill-card-pro .skill-content .skill-impact .achievement-item .impact-text,.skill-card-pro .skill-content .skill-impact .impact-item .impact-text,.skill-card-modern .skill-content .skill-achievements .achievement-item .impact-text,.skill-card-modern .skill-content .skill-achievements .impact-item .impact-text,.skill-card-modern .skill-content .skill-impact .achievement-item .impact-text,.skill-card-modern .skill-content .skill-impact .impact-item .impact-text{color:#059669;font-weight:500}.skills-cta-section{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);padding:4rem 0;margin-top:4rem}.skills-cta-section .cta-content{text-align:center;color:white}.skills-cta-section .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media (max-width: 768px){.skills-cta-section .cta-content h2{font-size:2rem}}.skills-cta-section .cta-content p{font-size:1.2rem;opacity:0.9;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.skills-cta-section .cta-content p{font-size:1.1rem}}.skills-cta-section .cta-content .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.skills-cta-section .cta-content .cta-buttons .btn-primary,.skills-cta-section .cta-content .cta-buttons .btn-secondary{padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;font-size:1rem}@media (max-width: 768px){.skills-cta-section .cta-content .cta-buttons .btn-primary,.skills-cta-section .cta-content .cta-buttons .btn-secondary{padding:0.875rem 1.5rem;font-size:0.95rem}}.skills-cta-section .cta-content .cta-buttons .btn-primary{background:#059669;color:white;border:2px solid #059669}.skills-cta-section .cta-content .cta-buttons .btn-primary:hover{background:#10b981;border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 25px rgba(5,150,105,0.3)}.skills-cta-section .cta-content .cta-buttons .btn-secondary{background:transparent;color:white;border:2px solid white}.skills-cta-section .cta-content .cta-buttons .btn-secondary:hover{background:white;color:#0f172a;transform:translateY(-2px)}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skill-card-pro{animation:slideInUp 0.6s ease-out}.skill-card-pro:nth-child(1){animation-delay:.1s}.skill-card-pro:nth-child(2){animation-delay:.2s}.skill-card-pro:nth-child(3){animation-delay:.3s}.skill-card-pro:nth-child(4){animation-delay:.4s}.skill-card-pro:nth-child(5){animation-delay:.5s}.skill-card-pro:nth-child(6){animation-delay:.6s}.skill-card-pro:nth-child(7){animation-delay:.7s}.skill-card-pro:nth-child(8){animation-delay:.8s}.skill-card-pro:nth-child(9){animation-delay:.9s}.skill-card-pro:nth-child(10){animation-delay:1s}.skill-card-pro:nth-child(11){animation-delay:1.1s}.skill-card-pro:nth-child(12){animation-delay:1.2s}.skill-card-pro:nth-child(13){animation-delay:1.3s}.skill-card-pro:nth-child(14){animation-delay:1.4s}.skill-card-pro:nth-child(15){animation-delay:1.5s}.skill-card-pro:nth-child(16){animation-delay:1.6s}.skill-card-pro:nth-child(17){animation-delay:1.7s}.skill-card-pro:nth-child(18){animation-delay:1.8s}.skill-card-pro:nth-child(19){animation-delay:1.9s}.skill-card-pro:nth-child(20){animation-delay:2s}@media (max-width: 480px){.skills-hero-modern{padding:2rem 0}.value-trilogy{grid-template-columns:1fr;gap:1.5rem}.key-metrics{grid-template-columns:repeat(2, 1fr)}.key-metrics .metric-number{font-size:2rem}.expertise-filters .expertise-filter-btn{min-width:120px;padding:0.6rem 0.8rem}.expertise-filters .expertise-filter-btn .filter-icon{font-size:1.2rem}.category-header-pro .category-title-group{flex-direction:column;align-items:flex-start;gap:0.5rem}.category-header-pro .category-title-group .category-icon{font-size:2rem}.category-header-pro .category-title-group .category-title{font-size:1.5rem}.skills-grid-pro{grid-template-columns:1fr}.skill-card-pro{padding:1.5rem}}.expertise-category-pro.filtered-out,.skills-category-modern.filtered-out{opacity:0;transform:translateY(20px);transition:all 0.3s ease-out;pointer-events:none}.expertise-category-pro.filtered-in,.expertise-category-pro.visible,.skills-category-modern.filtered-in,.skills-category-modern.visible{opacity:1;transform:translateY(0);transition:all 0.4s ease-out;pointer-events:auto;animation:slideInUp 0.5s ease-out}.expertise-category-pro.skills-category-modern,.skills-category-modern.skills-category-modern{opacity:1;transform:translateY(0);transition:all 0.4s ease-out}.expertise-category-pro.skills-category-modern.visible,.skills-category-modern.skills-category-modern.visible{opacity:1;transform:translateY(0)}.level-circle[data-level="95"]{--level: 95}.level-circle[data-level="90"]{--level: 90}.level-circle[data-level="88"]{--level: 88}.level-circle[data-level="85"]{--level: 85}.level-circle[data-level="82"]{--level: 82}.level-circle[data-level="80"]{--level: 80}.level-circle[data-level="75"]{--level: 75}.level-circle[data-level="70"]{--level: 70}:root{--skill-fill-color: #059669;--skill-bg-color: #e2e8f0}.skills-professional-section{padding:3rem 0;background:#fafafa}.section-intro{font-size:1.2rem;color:#475569;margin-bottom:3rem;max-width:800px}.skill-category-section{margin-bottom:4rem}.skill-category-section:last-child{margin-bottom:0}.category-title-section{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #e2e8f0;position:relative}.category-title-section::after{content:'';position:absolute;bottom:-3px;left:0;width:60px;height:3px;background-color:#059669}.skills-grid-section{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));gap:2rem}@media (max-width: 768px){.skills-grid-section{grid-template-columns:1fr}}.skill-card-section{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.05);padding:1.5rem;border:1px solid #e2e8f0;display:flex;gap:1.5rem;transition:transform 0.3s ease, box-shadow 0.3s ease}.skill-card-section:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,0.1)}@media (max-width: 576px){.skill-card-section{flex-direction:column;align-items:center;text-align:center}}.skill-level-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px}.level-circle{width:80px;height:80px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:#e2e8f0;margin-bottom:0.5rem;transition:transform 0.3s ease}.level-circle::after{content:'';position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:white}.level-circle.animated{animation:pulse 2s infinite}.level-text-section{font-size:0.9rem;font-weight:600;color:#475569}.skill-content-section{flex:1}.skill-name-section{font-size:1.3rem;font-weight:700;color:#0f172a;margin-top:0;margin-bottom:0.75rem}.skill-description-section{font-size:0.95rem;color:#475569;line-height:1.6;margin-bottom:1.25rem}.skill-achievements-section,.skill-impact-section{margin-bottom:0.75rem}.skill-achievements-section:last-child,.skill-impact-section:last-child{margin-bottom:0}.achievement-item-section,.impact-item-section{display:flex;align-items:center;gap:0.75rem}.achievement-icon-section,.impact-icon-section{flex-shrink:0}.achievement-text-section{font-size:0.9rem;color:#f59e0b;font-weight:600;line-height:1.4}.impact-text-section{font-size:0.9rem;color:#059669;font-weight:500;line-height:1.4}.share-resources-section{padding:3rem 0;background:#f1f5f9;margin-top:4rem}.share-resources-section h2{font-size:2rem;color:#0f172a;margin-bottom:2rem}.share-resources-section .resources-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.share-resources-section .resources-columns{grid-template-columns:1fr}}.share-resources-section .resources-column h3{font-size:1.25rem;color:#0f172a;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #e2e8f0}.share-resources-section .resources-column ul{list-style:none;padding:0;margin:0}.share-resources-section .resources-column ul li{margin-bottom:0.75rem;position:relative;padding-left:1.25rem}.share-resources-section .resources-column ul li::before{content:'→';position:absolute;left:0;color:#059669;font-weight:700}.share-resources-section .resources-column ul li a{color:#0f172a;text-decoration:none;transition:color 0.2s ease}.share-resources-section .resources-column ul li a:hover{color:#059669}@keyframes pulse{0%, 100%{transform:scale(1)}50%{transform:scale(1.05)}}.skills-main-section{padding:4rem 0;background:#fff}.skills-main-section .container{max-width:1200px;margin:0 auto;padding:0 1rem}.skills-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-bottom:4rem}.skills-metrics .metric-card{text-align:center;padding:2rem;background:rgba(15,23,42,0.02);border-radius:1rem;border:1px solid rgba(15,23,42,0.08);transition:250ms ease-in-out}.skills-metrics .metric-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);border-color:rgba(15,23,42,0.15)}.skills-metrics .metric-card .metric-number{font-family:"Poppins",sans-serif;font-size:2.5rem;font-weight:900;color:#059669;line-height:1;margin-bottom:.5rem;display:block}@media (max-width: 768px){.skills-metrics .metric-card .metric-number{font-size:2rem}}.skills-metrics .metric-card .metric-label{font-family:"Inter",sans-serif;font-size:.875rem;color:#374151;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.value-trilogy{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-bottom:4rem}.value-trilogy .value-card{background:#fff;border-radius:1rem;padding:2.5rem;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid #e2e8f0;transition:250ms ease-in-out;position:relative}.value-trilogy .value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #059669 0%, #059669 100%);border-radius:1rem 1rem 0 0}.value-trilogy .value-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);border-color:rgba(5,150,105,0.3)}.value-trilogy .value-card .value-icon{width:3rem;height:3rem;margin:0 auto 1.5rem;color:#059669;stroke-width:1.5}.value-trilogy .value-card h3{font-family:"Poppins",sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.value-trilogy .value-card p{font-family:"Inter",sans-serif;color:#374151;line-height:1.6;font-size:1rem}.skills-filters-modern{margin-bottom:4rem}.skills-filters-modern .filters-header{text-align:center;margin-bottom:2.5rem}.skills-filters-modern .filters-header h2{font-family:"Poppins",sans-serif;font-size:2.5rem;font-weight:700;color:#0f172a;margin-bottom:1rem}@media (max-width: 768px){.skills-filters-modern .filters-header h2{font-size:2rem}}.skills-filters-modern .filters-header p{font-family:"Inter",sans-serif;color:#374151;font-size:1.125rem}.skills-filters-modern .filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.filter-btn-modern{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:9999px;cursor:pointer;transition:250ms ease-in-out;text-decoration:none;font-family:"Inter",sans-serif;font-weight:600;font-size:.875rem;color:#111827}.filter-btn-modern .filter-icon{width:1rem;height:1rem;stroke-width:2}.filter-btn-modern:hover{border-color:#059669;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);color:#059669}.filter-btn-modern.active{background:#0f172a;border-color:#0f172a;color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,0.15)}@media (max-width: 768px){.filter-btn-modern{padding:.5rem 1rem;font-size:.75rem}}.skills-grid-modern .skills-category-modern{margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all 0.5s ease-out}.skills-grid-modern .skills-category-modern.visible{opacity:1;transform:translateY(0)}.skills-grid-modern .skills-category-modern .category-header-modern{text-align:center;margin-bottom:2.5rem}.skills-grid-modern .skills-category-modern .category-header-modern h2{font-family:"Poppins",sans-serif;font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:1rem;position:relative;display:inline-block}.skills-grid-modern .skills-category-modern .category-header-modern h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(135deg, #059669 0%, #059669 100%);border-radius:2px}@media (max-width: 768px){.skills-grid-modern .skills-category-modern .category-header-modern h2{font-size:1.5rem}}.skills-grid-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}@media (max-width: 768px){.skills-grid-cards{grid-template-columns:1fr;gap:1.5rem}}.skill-card-modern{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid #e2e8f0;transition:250ms ease-in-out;position:relative;overflow:hidden}.skill-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #059669 0%, #059669 100%);transform:scaleX(0);transition:transform 0.4s ease}.skill-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);border-color:rgba(5,150,105,0.3)}.skill-card-modern:hover::before{transform:scaleX(1)}.skill-card-modern:hover .level-circle{transform:scale(1.05)}.skill-card-modern .skill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.skill-card-modern .skill-header .skill-level-indicator{display:flex;align-items:center;gap:1rem}.skill-card-modern .skill-header .skill-level-indicator .level-circle{width:60px;height:60px;border-radius:50%;background:conic-gradient(from 0deg, #059669 0%, #059669 270deg, #e2e8f0 270deg, #e2e8f0 100%);display:flex;align-items:center;justify-content:center;position:relative;transition:transform 0.3s ease}.skill-card-modern .skill-header .skill-level-indicator .level-circle::before{content:'';position:absolute;width:46px;height:46px;background:#fff;border-radius:50%}.skill-card-modern .skill-header .skill-level-indicator .level-circle .level-percentage{position:relative;font-size:.875rem;font-weight:700;color:#0f172a;z-index:1;font-family:"Inter",sans-serif}.skill-card-modern .skill-header .skill-level-indicator .experience-badge{background:linear-gradient(135deg, #d4af37 0%, #b8941f 100%);color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-align:center;min-width:60px;font-family:"Inter",sans-serif}.skill-card-modern .skill-content .skill-name{font-family:"Poppins",sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1rem;line-height:1.3}.skill-card-modern .skill-content .skill-description{font-family:"Inter",sans-serif;color:#374151;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.skill-card-modern .skill-content .skill-achievements,.skill-card-modern .skill-content .skill-impact{margin-bottom:1rem}.skill-card-modern .skill-content .skill-achievements .achievement-item,.skill-card-modern .skill-content .skill-achievements .impact-item,.skill-card-modern .skill-content .skill-impact .achievement-item,.skill-card-modern .skill-content .skill-impact .impact-item{display:flex;align-items:flex-start;gap:.5rem}.skill-card-modern .skill-content .skill-achievements .achievement-item .achievement-icon,.skill-card-modern .skill-content .skill-achievements .achievement-item .impact-icon,.skill-card-modern .skill-content .skill-achievements .impact-item .achievement-icon,.skill-card-modern .skill-content .skill-achievements .impact-item .impact-icon,.skill-card-modern .skill-content .skill-impact .achievement-item .achievement-icon,.skill-card-modern .skill-content .skill-impact .achievement-item .impact-icon,.skill-card-modern .skill-content .skill-impact .impact-item .achievement-icon,.skill-card-modern .skill-content .skill-impact .impact-item .impact-icon{width:1rem;height:1rem;margin-top:0.1rem;flex-shrink:0;stroke-width:2}.skill-card-modern .skill-content .skill-achievements .achievement-item .achievement-icon,.skill-card-modern .skill-content .skill-achievements .impact-item .achievement-icon,.skill-card-modern .skill-content .skill-impact .achievement-item .achievement-icon,.skill-card-modern .skill-content .skill-impact .impact-item .achievement-icon{color:#d4af37}.skill-card-modern .skill-content .skill-achievements .achievement-item .impact-icon,.skill-card-modern .skill-content .skill-achievements .impact-item .impact-icon,.skill-card-modern .skill-content .skill-impact .achievement-item .impact-icon,.skill-card-modern .skill-content .skill-impact .impact-item .impact-icon{color:#059669}.skill-card-modern .skill-content .skill-achievements .achievement-item .achievement-text,.skill-card-modern .skill-content .skill-achievements .achievement-item .impact-text,.skill-card-modern .skill-content .skill-achievements .impact-item .achievement-text,.skill-card-modern .skill-content .skill-achievements .impact-item .impact-text,.skill-card-modern .skill-content .skill-impact .achievement-item .achievement-text,.skill-card-modern .skill-content .skill-impact .achievement-item .impact-text,.skill-card-modern .skill-content .skill-impact .impact-item .achievement-text,.skill-card-modern .skill-content .skill-impact .impact-item .impact-text{font-family:"Inter",sans-serif;font-size:.875rem;line-height:1.4}.skill-card-modern .skill-content .skill-achievements .achievement-item .achievement-text,.skill-card-modern .skill-content .skill-achievements .impact-item .achievement-text,.skill-card-modern .skill-content .skill-impact .achievement-item .achievement-text,.skill-card-modern .skill-content .skill-impact .impact-item .achievement-text{color:#d4af37;font-weight:600}.skill-card-modern .skill-content .skill-achievements .achievement-item .impact-text,.skill-card-modern .skill-content .skill-achievements .impact-item .impact-text,.skill-card-modern .skill-content .skill-impact .achievement-item .impact-text,.skill-card-modern .skill-content .skill-impact .impact-item .impact-text{color:#059669;font-weight:500}@media (max-width: 768px){.skills-main-section{padding:2.5rem 0}.skills-metrics{grid-template-columns:repeat(2, 1fr);gap:1.5rem}.value-trilogy{grid-template-columns:1fr;gap:1.5rem}.filter-btn-modern{min-width:120px;justify-content:center}.skills-grid-cards{grid-template-columns:1fr}.skill-card-modern{padding:1.5rem}}@media (max-width: 480px){.skills-metrics{grid-template-columns:repeat(2, 1fr)}.skills-metrics .metric-card{padding:1.5rem}.skills-metrics .metric-card .metric-number{font-size:1.75rem}.value-trilogy .value-card{padding:1.5rem}.filter-btn-modern{min-width:100px;padding:.5rem 1rem;font-size:.75rem}.skill-card-modern{padding:1rem}.skill-card-modern .skill-header .skill-level-indicator{flex-direction:column;align-items:flex-start;gap:.5rem}}.skills-category-modern.filtered-out{display:none}.skills-category-modern.filtered-in{display:block;animation:slideInUp 0.5s ease-out}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.faq-section-inline{background-color:var(--color-white);padding:4rem 0}.faq-grid-inline{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}.faq-item-inline{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:.75rem;transition:250ms ease-in-out}.faq-item-inline:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width: 576px){.faq-item-inline{padding:1.5rem;gap:1rem}}.faq-icon-inline{flex-shrink:0;width:48px;height:48px;background:rgba(59,130,246,0.1);border-radius:9999px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:250ms ease-in-out}.faq-icon-inline svg{width:24px;height:24px}.faq-item-inline:hover .faq-icon-inline{background:rgba(59,130,246,0.15);transform:scale(1.05)}.faq-content-inline{flex:1;min-width:0}.faq-question-inline{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:0.75rem;line-height:1.3}.faq-answer-inline{color:var(--color-text-light);line-height:1.6}.faq-answer-inline p{margin:0}.faq-answer-inline p strong{color:var(--color-text);font-weight:600}.faq-grid-inline .animate-item{opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease forwards}.faq-grid-inline .animate-item:nth-child(1){animation-delay:0.1s}.faq-grid-inline .animate-item:nth-child(2){animation-delay:0.2s}.faq-grid-inline .animate-item:nth-child(3){animation-delay:0.3s}.faq-grid-inline .animate-item:nth-child(4){animation-delay:0.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 576px){.faq-item-inline{flex-direction:column;text-align:center}.faq-icon-inline{align-self:center}.faq-question-inline{font-size:1rem}}.hero-section-modern{padding-top:.5rem;padding-bottom:1rem}body.homepage-modern{background:radial-gradient(60vw 40vh at -10% -20%, rgba(59,130,246,0.06), transparent 60%),radial-gradient(50vw 35vh at 110% -10%, rgba(147,51,234,0.05), transparent 60%),linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%)}.sticky-jump{position:fixed;bottom:max(16px, env(safe-area-inset-bottom));right:max(12px, env(safe-area-inset-right));left:auto;transform:none;z-index:1100;display:none;gap:.5rem;align-items:center}@media (max-width: 768px){.sticky-jump{display:flex}}.sticky-jump .btn-primary,.sticky-jump .btn-secondary{padding:.5rem 1.5rem;border-radius:9999px;font-size:.875rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.sticky-jump .btn-secondary{background:#fff;border-width:2px}.sticky-jump .btn-primary{color:#fff}.sticky-jump.is-hidden{opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;transform:translateY(6px)}.section{padding:clamp(2rem, 4vw, 3rem) 0}.section-header-clean{text-align:center;max-width:900px;margin:0 auto 2rem;padding-bottom:1rem;position:relative}.section-header-clean::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:88px;height:3px;border-radius:6px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%)}.section-title-clean{font-family:"Poppins",sans-serif;font-weight:900;font-size:clamp(1.5rem, 3.2vw, 2rem);color:#0f172a}.section-subtitle-clean{color:#374151}body.homepage-modern .value-card-modern,body.homepage-modern .expertise-card-beautiful,body.homepage-modern .module-card-simple,body.homepage-modern .approach-card,body.homepage-modern .publication-approach-card,body.homepage-modern .achievement-block,body.homepage-modern .product-card,body.homepage-modern .home-formation-item,body.homepage-modern .project-card-v2{border-radius:1rem;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:250ms ease-in-out}body.homepage-modern .value-card-modern:hover,body.homepage-modern .expertise-card-beautiful:hover,body.homepage-modern .module-card-simple:hover,body.homepage-modern .approach-card:hover,body.homepage-modern .publication-approach-card:hover,body.homepage-modern .achievement-block:hover,body.homepage-modern .product-card:hover,body.homepage-modern .home-formation-item:hover,body.homepage-modern .project-card-v2:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}body.homepage-modern .module-title-simple,body.homepage-modern .project-title,body.homepage-modern .publication-approach-title,body.homepage-modern .expertise-title-beautiful,body.homepage-modern .value-title-modern,body.homepage-modern .approach-title{font-family:"Poppins",sans-serif;font-weight:700;font-size:clamp(1.05rem, 1.6vw, 1.25rem);color:#0f172a;margin:0 0 .5rem}body.homepage-modern .module-image-simple img,body.homepage-modern .project-image,body.homepage-modern .product-card-image img{width:100%;height:160px;object-fit:cover;border-top-left-radius:1rem;border-top-right-radius:1rem}body.homepage-modern .tag-simple,body.homepage-modern .hf-badge,body.homepage-modern .meta-badges .badge{background:#f8fafc;border:1px solid #e5e7eb;color:#0f172a;border-radius:999px;padding:.22rem .55rem;font-size:.78rem;font-weight:700}body.homepage-modern .module-card-simple .module-content-simple,body.homepage-modern .publication-approach-card,body.homepage-modern .approach-card,body.homepage-modern .achievement-block,body.homepage-modern .product-card-content,body.homepage-modern .home-formation-item{padding:2rem}body.homepage-modern .post-preview-news,body.homepage-modern .post-preview{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:250ms ease-in-out}body.homepage-modern .post-preview-news:hover,body.homepage-modern .post-preview:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}body.homepage-modern .view-all-section .view-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#0f172a;text-decoration:none;border:2px solid #0f172a;border-radius:1rem;font-weight:600;transition:250ms ease-in-out}body.homepage-modern .view-all-section .view-all-btn:hover{background:#0f172a;color:#fff;transform:translateY(-2px);text-decoration:none}body.homepage-modern .hero-metrics-compact .metric-inline{display:inline-flex;align-items:baseline;gap:.35rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:.35rem .6rem}.section{padding-top:clamp(1.5rem, 4vw, 2.5rem);padding-bottom:clamp(1.5rem, 4vw, 2.5rem)}.home-formations-section .home-formation-list{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.home-formations-section .block-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.home-formations-section .block-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.home-formations-section .block-card-title{font-family:"Poppins",sans-serif;font-weight:700;font-size:1.25rem;color:#0f172a;margin:0}.home-formations-section .block-card-link{font-weight:700;color:#0f172a;text-decoration:none}.home-formations-section .home-formation-card,.home-formations-section .home-formation-item{opacity:0;transform:translateY(12px);transition:opacity 0.35s ease, transform 0.35s ease}.home-formations-section .home-formation-card.animate-in,.home-formations-section .home-formation-item.animate-in{opacity:1;transform:translateY(0)}.home-formations-section .product-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.08);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s ease, box-shadow 0.3s ease;position:relative}.home-formations-section .product-card:hover{box-shadow:0 10px 24px rgba(0,0,0,0.14)}.home-formations-section .product-card .micro-extraits{list-style:none;padding:0;margin:0.6rem 0 0.2rem;display:grid;gap:0.35rem}.home-formations-section .product-card .micro-extraits li{display:flex;align-items:flex-start;gap:0.45rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:0.35rem 0.55rem;font-size:0.9rem;color:#334155}.home-formations-section .product-card .micro-extraits li svg{width:18px;height:18px;color:#0ea5e9;margin-top:2px;flex-shrink:0}.home-formations-section .product-card-image{position:relative;width:100%;height:160px;overflow:hidden}.home-formations-section .product-card-image img{width:100%;height:100%;object-fit:cover}.home-formations-section .product-card-image .badge-overlay{position:absolute;top:10px;left:10px;z-index:2}.home-formations-section .product-card-image .card-ribbon{position:absolute;top:10px;right:-30px;transform:rotate(45deg);background:linear-gradient(135deg, #10b981, #34d399);color:#fff;font-weight:800;font-size:0.7rem;padding:0.25rem 2rem;box-shadow:0 4px 10px rgba(16,185,129,0.25);z-index:2}.home-formations-section .product-card-image .card-tag.update{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:.35rem;background:rgba(2,6,23,0.7);color:#fff;border:1px solid rgba(255,255,255,0.22);padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:700;box-shadow:0 6px 14px rgba(2,6,23,0.25);backdrop-filter:blur(3px)}.home-formations-section .product-card-image .card-tag.update svg{width:14px;height:14px}.home-formations-section .product-card-content{padding:1.5rem;flex-grow:1;position:relative}.home-formations-section .product-card-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background-color:#f9f9f9;border-top:1px solid #eee}.home-formations-section .product-price{font-size:1.3rem;font-weight:800;color:#0f172a}.home-formations-section .home-formation-item{display:grid;grid-template-columns:120px 1fr auto;gap:1rem;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;box-shadow:0 4px 12px rgba(0,0,0,0.06);min-width:0}.home-formations-section .home-formation-thumb img{width:120px;height:80px;object-fit:cover;border-radius:8px;display:block}.home-formations-section .home-formation-content{min-width:0}.home-formations-section .home-formation-title{margin:0 0 .25rem;font-size:clamp(1rem, 3.6vw, 1.05rem);color:#0f172a;text-wrap:balance;overflow-wrap:anywhere}.home-formations-section .home-formation-desc{margin:0;color:#475569;font-size:.95rem;overflow-wrap:anywhere}.home-formations-section .hf-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .25rem}.home-formations-section .hf-badge{background:#eef2f7;border:1px solid #dbe2ea;color:#0f172a;border-radius:999px;padding:.12rem .5rem;font-size:.75rem;font-weight:700}.home-formations-section .home-formation-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:0}.home-formations-section .home-formation-price{font-weight:800;color:#0f172a}.home-formations-section .home-formation-actions .btn-primary{padding:.45rem .8rem;border-radius:10px}@media (max-width: 768px){.home-formations-section .home-formation-item{grid-template-columns:100px 1fr}.home-formations-section .home-formation-actions{grid-column:1 / -1;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.home-formations-section .home-formation-card{transition:none}}.hero-cta-section{margin-top:2rem;text-align:center}.hero-cta-section .hero-cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff;text-decoration:none;border-radius:9999px;font-weight:600;font-size:1rem;transition:250ms ease-in-out;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.hero-cta-section .hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);text-decoration:none;color:#fff}.hero-cta-section .hero-cta-primary svg{transition:transform 0.3s ease}.hero-cta-section .hero-cta-primary:hover svg{transform:translateX(2px)}.hero-cta-section .btn-primary{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff;border:none;border-radius:9999px;padding:1rem 2rem;font-weight:600;text-decoration:none;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.hero-cta-section .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:2px solid #0f172a;border-radius:9999px;color:#0f172a;text-decoration:none;transition:250ms ease-in-out}.hero-cta-section .btn-secondary:hover{background:#0f172a;color:#fff;transform:translateY(-2px)}.value-trilogy-section{background:linear-gradient(135deg, rgba(15,23,42,0.02) 0%, rgba(30,41,59,0.01) 100%)}.value-trilogy-section .value-trilogy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2rem;margin-top:2.5rem}.value-trilogy-section .value-card-modern{background:#fff;border-radius:1rem;padding:2.5rem;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid rgba(15,23,42,0.08);transition:250ms ease-in-out;position:relative}.value-trilogy-section .value-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #059669 0%, #059669 100%);border-radius:1rem 1rem 0 0}.value-trilogy-section .value-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);border-color:rgba(15,23,42,0.15)}.value-trilogy-section .value-card-modern .value-icon-modern{width:4rem;height:4rem;margin:0 auto 1.5rem;color:#059669;display:flex;align-items:center;justify-content:center;background:rgba(5,150,105,0.1);border-radius:50%;overflow:visible;padding:.5rem}.value-trilogy-section .value-card-modern .value-icon-modern svg{width:100%;height:100%;max-width:28px;max-height:28px}.value-trilogy-section .value-card-modern .value-title-modern{font-family:"Poppins",sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.value-trilogy-section .value-card-modern .value-description-modern{font-family:"Inter",sans-serif;color:#374151;line-height:1.6;font-size:1rem}.section.achievements-section{background:#fff}.section.achievements-section .achievements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:2.5rem;margin-top:2.5rem}@media (max-width: 768px){.section.achievements-section .achievements-grid{grid-template-columns:1fr;gap:2rem}}.section.achievements-section .achievement-block{background:#fff !important;border-radius:1rem;padding:2.5rem;box-shadow:0 10px 25px rgba(0,0,0,0.08) !important;border:1px solid rgba(0,0,0,0.1) !important;transition:250ms ease-in-out;position:relative;overflow:hidden;margin-bottom:1.5rem}.section.achievements-section .achievement-block::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg, #d4af37 0%, #059669 100%)}.section.achievements-section .achievement-block.prestashop-excellence::before{background:linear-gradient(135deg, #d4af37 0%, #b8941f 100%)}.section.achievements-section .achievement-block.ai-innovation::before{background:linear-gradient(135deg, #059669 0%, #059669 100%)}.section.achievements-section .achievement-block:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.12) !important}.section.achievements-section .achievement-block .achievement-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.section.achievements-section .achievement-block .achievement-header .achievement-icon{width:3rem;height:3rem;color:#059669;flex-shrink:0}.section.achievements-section .achievement-block .achievement-header .achievement-title{font-family:"Poppins",sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.section.achievements-section .achievement-block .achievement-content .achievement-description{font-family:"Inter",sans-serif;color:#374151;line-height:1.6;margin-bottom:2rem;font-size:1.125rem}.section.achievements-section .achievement-block .achievement-content .achievement-metrics{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media (max-width: 480px){.section.achievements-section .achievement-block .achievement-content .achievement-metrics{grid-template-columns:1fr;gap:1rem}}.section.achievements-section .achievement-block .achievement-content .achievement-metrics .metric-item{text-align:center;padding:1.5rem;background:rgba(15,23,42,0.02);border-radius:.75rem;border:1px solid rgba(15,23,42,0.08);transition:250ms ease-in-out}.section.achievements-section .achievement-block .achievement-content .achievement-metrics .metric-item:hover{transform:translateY(-2px);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border-color:rgba(15,23,42,0.15)}.section.achievements-section .achievement-block .achievement-content .achievement-metrics .metric-item .metric-number{display:block;font-family:"Poppins",sans-serif;font-size:1.75rem;font-weight:900;color:#059669;margin-bottom:.25rem}@media (max-width: 480px){.section.achievements-section .achievement-block .achievement-content .achievement-metrics .metric-item .metric-number{font-size:1.5rem}}.section.achievements-section .achievement-block .achievement-content .achievement-metrics .metric-item .metric-label{font-family:"Inter",sans-serif;font-size:.875rem;color:#374151;font-weight:500;line-height:1.3}.section.achievements-section .awards-timeline{margin-top:3rem;padding:2.5rem;background:linear-gradient(135deg, rgba(15,23,42,0.02) 0%, rgba(30,41,59,0.01) 100%);border-radius:1rem;border:1px solid rgba(15,23,42,0.08)}.section.achievements-section .awards-timeline .timeline-title{font-family:"Poppins",sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;text-align:center;margin-bottom:2rem}.section.achievements-section .awards-timeline .timeline-items{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem}.section.achievements-section .awards-timeline .timeline-items .timeline-item{text-align:center;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);transition:250ms ease-in-out}.section.achievements-section .awards-timeline .timeline-items .timeline-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.section.achievements-section .awards-timeline .timeline-items .timeline-item .timeline-year{display:block;font-family:"Poppins",sans-serif;font-size:1.125rem;font-weight:700;color:#059669;margin-bottom:.5rem}.section.achievements-section .awards-timeline .timeline-items .timeline-item .timeline-event{font-family:"Inter",sans-serif;font-size:.875rem;color:#374151;line-height:1.4}.approach-section{background:linear-gradient(135deg, rgba(30,41,59,0.02) 0%, rgba(15,23,42,0.01) 100%)}.approach-section .approach-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:2.5rem}.approach-section .approach-card{background:#fff;border-radius:1rem;padding:2.5rem;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid rgba(30,41,59,0.08);transition:250ms ease-in-out;position:relative}.approach-section .approach-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);border-radius:1rem 1rem 0 0;transform:scaleX(0);transition:transform 0.4s ease}.approach-section .approach-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);border-color:rgba(30,41,59,0.15)}.approach-section .approach-card:hover::before{transform:scaleX(1)}.approach-section .approach-card .approach-icon{width:3.5rem;height:3.5rem;margin:0 auto 1.5rem;color:#1e293b;display:flex;align-items:center;justify-content:center;background:rgba(30,41,59,0.1);border-radius:50%}.approach-section .approach-card .approach-title{font-family:"Poppins",sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.approach-section .approach-card .approach-description{font-family:"Inter",sans-serif;color:#374151;line-height:1.6;font-size:1rem}@media (max-width: 768px){.value-trilogy-grid,.achievements-grid,.approach-grid{grid-template-columns:1fr;gap:1.5rem}.achievement-block{padding:1.5rem}.achievement-block .achievement-header{flex-direction:column;text-align:center;gap:1rem}.achievement-block .achievement-header .achievement-title{font-size:1.25rem}.achievement-block .achievement-metrics{grid-template-columns:1fr;gap:1rem}.awards-timeline{padding:1.5rem}.awards-timeline .timeline-items{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.value-card-modern,.approach-card{padding:1.5rem}.hero-cta-primary{padding:1rem 1.5rem;font-size:.875rem}.achievement-block .achievement-content .achievement-description{font-size:1rem}}.external-publications-blog-section{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid #e2e8f0}.external-publications-cards-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2rem;margin-top:1.5rem}@media (max-width: 992px){.external-publications-cards-grid{grid-template-columns:repeat(2, 1fr);gap:1.5rem}}@media (max-width: 768px){.external-publications-cards-grid{grid-template-columns:1fr;gap:1rem}}.publication-section .section-header-clean,.publications-section .section-header-clean{text-align:center;margin-bottom:2.5rem}.publication-section .section-title-clean,.publications-section .section-title-clean{font-size:2rem;font-weight:700;color:#111827;margin-bottom:1rem}.publication-section .section-subtitle-clean,.publications-section .section-subtitle-clean{color:#374151;font-size:1.125rem;line-height:1.6;max-width:600px;margin:0 auto}.scroll-reveal{opacity:1}.publication-icon,.approach-icon svg,.publication-icon-blog svg{display:block !important;opacity:1 !important}.approach-card{border:1px solid #e2e8f0 !important}.external-publication-card{border:1px solid #e2e8f0 !important}.external-publication-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(17,24,39,0.08);padding:1.5rem;transition:all 0.3s ease-in-out;border:1px solid #e2e8f0;height:100%;display:flex;flex-direction:column}.external-publication-card:hover{box-shadow:0 10px 20px rgba(17,24,39,0.15);transform:translateY(-2px)}.external-publication-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.publication-icon-blog{width:40px;height:40px;background:rgba(59,130,246,0.1);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#0f172a;flex-shrink:0;transition:all 0.3s ease-in-out}.publication-icon-blog svg{width:20px;height:20px;opacity:0.9}.publication-icon-blog:hover{background:rgba(223,49,99,0.1);color:#df3163}.external-publication-meta{display:flex;flex-direction:column;gap:.25rem}.publication-category-blog{background:rgba(223,49,99,0.1);color:#df3163;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;width:fit-content}.external-badge{background:rgba(16,185,129,0.1);color:#059669;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;width:fit-content}.external-publication-content{flex:1;display:flex;flex-direction:column}.external-publication-title{margin-bottom:1rem}.external-publication-title a{color:#111827;text-decoration:none;font-size:1.125rem;font-weight:600;line-height:1.3}.external-publication-title a:hover{color:#0f172a}.external-publication-description{color:#374151;margin-bottom:1.5rem;flex:1;line-height:1.6}.external-publication-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem}.tag-card{background:#e2e8f0;color:#374151;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.external-publication-footer{margin-top:auto}.view-btn-card{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#0f172a;color:#fff;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all 0.3s ease-in-out}.view-btn-card:hover{background:#020617;transform:translateY(-1px);color:#fff;text-decoration:none}.view-btn-card svg{width:16px;height:16px;transition:all 0.3s ease-in-out}.view-btn-card:hover svg{transform:translateX(2px)}.external-indicator{background:rgba(16,185,129,0.1);color:#059669;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;margin-left:.25rem}.publication-type-blog{background:rgba(59,130,246,0.1);color:#0f172a;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.tag-external{background:rgba(16,185,129,0.1) !important;color:#059669 !important}.info-badge{background:#e2e8f0;color:#374151;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.external-link{position:relative}.external-link::after{content:'↗';margin-left:.25rem;font-size:.75rem;opacity:0.7}.view-all-publications-blog{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.publications-page-section .publications-category-section{margin-bottom:4rem}.publications-page-section .publications-category-section:last-child{margin-bottom:2.5rem}.category-header{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;margin-bottom:2rem;padding:1.5rem 0;background:#fafafa;border-radius:8px;border:1px solid #e2e8f0}.category-header .category-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .5rem 0}.category-header .category-count{background:#0f172a;color:#fff;padding:.25rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;min-width:100px;text-align:center}.publications-external-link{margin-top:4rem;padding-top:2rem;border-top:1px solid #e2e8f0}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2.5rem}@media (max-width: 992px){.approach-grid{grid-template-columns:repeat(2, 1fr);gap:2rem}}@media (max-width: 768px){.approach-grid{grid-template-columns:1fr;gap:1.5rem}}.approach-card{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid #e5e7eb;transition:250ms ease-in-out;height:100%;display:flex;flex-direction:column;text-align:center}.approach-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);transform:translateY(-4px);border-color:#0f172a}@media (max-width: 576px){.approach-card{padding:2rem}}.approach-icon{width:80px;height:80px;background:rgba(59,130,246,0.1);border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#0f172a;transition:250ms ease-in-out}.approach-icon svg{width:32px;height:32px}.approach-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem;line-height:1.3}.approach-description{color:#374151;line-height:1.6;flex:1;margin-bottom:1.5rem}.publication-approach-card{position:relative}.publication-approach-card:hover .publication-approach-icon{background:rgba(223,49,99,0.1);color:#df3163}.publication-approach-icon{background:rgba(59,130,246,0.1) !important;color:#0f172a !important}.publication-approach-icon svg{opacity:0.9;width:32px !important;height:32px !important}.publication-approach-title{font-size:1.125rem;line-height:1.3}.publication-approach-meta{display:flex;gap:.25rem;margin-top:1rem;margin-bottom:1rem;flex-wrap:wrap}.publication-approach-category{background:rgba(223,49,99,0.1);color:#df3163;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.publication-approach-external{background:rgba(16,185,129,0.1);color:#059669;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.publication-approach-footer{margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0}.publication-approach-link{display:inline-flex;align-items:center;gap:.25rem;color:#0f172a;text-decoration:none;font-weight:600;font-size:.875rem;transition:all 0.3s ease-in-out}.publication-approach-link:hover{color:#020617;text-decoration:none}.publication-approach-link:hover svg{transform:translateX(2px)}.publication-approach-link svg{transition:all 0.3s ease-in-out}.publication-image-placeholder{background:rgba(59,130,246,0.1);display:flex;align-items:center;justify-content:center}.publication-image-placeholder .publication-icon{color:#0f172a;opacity:0.8}.tag-simple--externe{background:rgba(223,49,99,0.1) !important;color:#df3163 !important}.tag-simple--prestashop{background:rgba(245,158,11,0.1) !important;color:#f59e0b !important}.tag-simple--external{background:rgba(16,185,129,0.1) !important;color:#059669 !important}.tag-simple--category{background:rgba(59,130,246,0.1) !important;color:#0f172a !important}.animate-item{opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease forwards}.animate-item:nth-child(1){animation-delay:0.1s}.animate-item:nth-child(2){animation-delay:0.2s}.animate-item:nth-child(3){animation-delay:0.3s}.animate-item:nth-child(4){animation-delay:0.4s}.animate-item:nth-child(5){animation-delay:0.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.stagger-animation .animate-item{opacity:0;transform:translateY(30px);animation:fadeInUp 0.8s ease forwards}.approach-card:hover .approach-icon,.external-publication-card:hover .publication-icon-blog{transform:scale(1.1) rotate(5deg)}.external-badge,.publication-approach-external{animation:pulse 2s infinite}@keyframes pulse{0%, 100%{opacity:1}50%{opacity:0.7}}@media (max-width: 768px){.category-header{padding:1rem 0}.category-header .category-title{font-size:1.25rem}.category-header .category-count{margin-top:.25rem}.external-publications-cards-grid{grid-template-columns:1fr}.external-publication-card-header{flex-direction:column;align-items:flex-start;text-align:left}.external-publication-card-header .publication-icon-blog{align-self:center}}.publication-card-simple{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(17,24,39,0.08);padding:1.5rem;transition:all 0.3s ease-in-out;border:1px solid #e2e8f0;height:100%;display:flex;flex-direction:column}.publication-card-simple:hover{box-shadow:0 10px 20px rgba(17,24,39,0.15);transform:translateY(-2px)}.publication-content-simple{flex:1;display:flex;flex-direction:column}.publication-meta-simple{display:flex;gap:.5rem;margin-bottom:1rem}.publication-meta-simple .publication-type-simple{background:rgba(223,49,99,0.1);color:#df3163;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.publication-meta-simple .reading-time-simple{color:#374151;font-size:.75rem;display:flex;align-items:center}.publication-title-simple{margin-bottom:1rem}.publication-title-simple a{color:#111827;text-decoration:none;font-size:1.125rem;font-weight:600;line-height:1.3}.publication-title-simple a:hover{color:#0f172a}.publication-description-simple{color:#374151;margin-bottom:1.5rem;flex:1;line-height:1.6}.publication-tags-simple{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem}.publication-tags-simple .tag-simple{background:#e2e8f0;color:#374151;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.publication-footer-simple{margin-top:auto}.publication-card-unified{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(17,24,39,0.08);padding:1.5rem;transition:all 0.3s ease-in-out;border:1px solid #e2e8f0;height:100%;display:flex;flex-direction:column}.publication-card-unified:hover{box-shadow:0 10px 20px rgba(17,24,39,0.15);transform:translateY(-2px)}.publication-content-unified{flex:1;display:flex;flex-direction:column}.publication-meta-unified{display:flex;gap:.5rem;margin-bottom:1rem}.publication-meta-unified .publication-category-unified{background:rgba(59,130,246,0.1);color:#0f172a;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.publication-meta-unified .publication-external-unified{background:rgba(16,185,129,0.1);color:#059669;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.publication-title-unified{margin-bottom:1rem}.publication-title-unified a{color:#111827;text-decoration:none;font-size:1.125rem;font-weight:600;line-height:1.3}.publication-title-unified a:hover{color:#0f172a}.publication-description-unified{color:#374151;margin-bottom:1.5rem;flex:1;line-height:1.6}.publication-footer-unified{margin-top:auto}.view-btn,.modules-section-modern .view-all-section .view-all-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#0f172a;color:#fff;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all 0.3s ease-in-out;border:none;cursor:pointer}.view-btn:hover,.modules-section-modern .view-all-section .view-all-btn:hover{background:#020617;transform:translateY(-1px);color:#fff;text-decoration:none}.view-btn svg,.modules-section-modern .view-all-section .view-all-btn svg{width:16px;height:16px;transition:all 0.3s ease-in-out}.view-btn:hover svg,.modules-section-modern .view-all-section .view-all-btn:hover svg{transform:translateX(2px)}.view-all-section{text-align:center;margin-top:2.5rem}.view-all-section .view-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#0f172a;text-decoration:none;border:2px solid #0f172a;border-radius:8px;font-size:1rem;font-weight:600;transition:all 0.3s ease-in-out}.view-all-section .view-all-btn:hover{background:#0f172a;color:#fff;text-decoration:none;transform:translateY(-2px)}.view-all-section .view-all-btn svg{width:18px;height:18px;transition:all 0.3s ease-in-out}.view-all-section .view-all-btn:hover svg{transform:translateX(3px)}@media (max-width: 768px){.publication-card-simple,.publication-card-unified{padding:1rem}.publication-title-simple a,.publication-title-unified a{font-size:1rem}.view-all-section .view-all-btn{padding:.5rem 1.5rem;font-size:.875rem}}.grid-unified{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}@media (max-width: 576px){.grid-unified{grid-template-columns:1fr;gap:1.5rem}}.boutique-page-section{background:radial-gradient(60vw 40vh at -10% -20%, rgba(59,130,246,0.06), transparent 60%),radial-gradient(50vw 35vh at 110% -10%, rgba(147,51,234,0.05), transparent 60%),linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%)}.boutique-page-section .shop-layout{display:grid;grid-template-columns:300px 1fr;gap:1rem;align-items:start}.boutique-page-section .shop-sidebar{position:relative}.boutique-page-section .shop-main{min-width:0}@media (max-width: 1024px){.boutique-page-section .shop-layout{grid-template-columns:1fr}}.boutique-page-section .boutique-quick-nav{display:flex;flex-wrap:wrap;gap:0.75rem 1rem;padding:0.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;margin-top:.5rem;position:sticky;top:12px;z-index:30;backdrop-filter:saturate(180%) blur(6px);box-shadow:0 8px 20px rgba(15,23,42,0.06)}.boutique-page-section .boutique-quick-nav .quick-nav-block{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.boutique-page-section .boutique-quick-nav .label{color:#64748b;font-size:.9rem;margin-right:.25rem}.boutique-page-section .boutique-quick-nav .nav-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .65rem;background:#fff;border:1px solid #e5e7eb;border-radius:999px;font-size:.9rem;font-weight:700;color:#0f172a;box-shadow:none;cursor:pointer;transition:background .15s ease, border-color .15s ease, color .15s ease}.boutique-page-section .boutique-quick-nav .nav-chip:hover{background:#0f172a;border-color:#0f172a;color:#fff}.boutique-page-section .boutique-quick-nav .nav-chip.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 4px 12px rgba(15,23,42,0.18)}.boutique-page-section .boutique-quick-nav .quick-menu,.boutique-page-section .boutique-quick-nav .menu-button,.boutique-page-section .boutique-quick-nav .menu-list{display:none}.boutique-page-section .boutique-quick-nav .quick-search{margin-left:auto;display:flex;gap:.5rem;align-items:center}.boutique-page-section .boutique-quick-nav .quick-search input{display:none}.boutique-page-section .boutique-quick-nav .quick-search .reset{background:#f8fafc;border:1px solid #d1d9e0;padding:.28rem .6rem;border-radius:999px;font-size:.85rem;font-weight:700;color:#475569;box-shadow:none}.boutique-page-section .boutique-quick-nav .quick-search .reset:hover{background:#eef2f7;border-color:#cbd5e1}.boutique-page-section .boutique-quick-nav .quick-sort{display:flex;align-items:center;gap:.5rem}.boutique-page-section .boutique-quick-nav .quick-sort select{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:.4rem .6rem}.boutique-page-section .boutique-quick-nav .results-count{color:#64748b;font-weight:700;margin-left:.25rem}.boutique-page-section .shop-sidebar .boutique-quick-nav{position:sticky;top:12px}.boutique-page-section .shop-sidebar .boutique-quick-nav .quick-search{margin-left:0;width:100%}.boutique-page-section .shop-sidebar .boutique-quick-nav .quick-search input{width:100%;min-width:0}.boutique-page-section .results-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.5rem .75rem;margin:0 0 1rem;box-shadow:0 8px 20px rgba(15,23,42,0.05)}.boutique-page-section .benefits-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:0.75rem;margin:0.5rem 0 1rem}@media (max-width: 900px){.boutique-page-section .benefits-row{grid-template-columns:1fr}}.boutique-page-section .benefit-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.6rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;box-shadow:none}.boutique-page-section .benefit-icon-circle{width:56px;height:56px;border-radius:999px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center}.boutique-page-section .benefit-body h3{margin:0.1rem 0 0;font-size:1rem;font-weight:800;color:#0f172a}.boutique-page-section .benefit-body p{margin:0.2rem 0 0;color:#475569;font-size:0.9rem;line-height:1.4;max-width:30ch}.boutique-page-section .badge-overlay{background:rgba(15,23,42,0.72);border:1px solid rgba(255,255,255,0.18);box-shadow:0 10px 25px rgba(15,23,42,0.28);padding:0.22rem 0.65rem;border-radius:999px;font-size:0.75rem;font-weight:800;letter-spacing:.2px;color:#fff}.boutique-page-section .univers-badge{display:inline-block;background:linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(99,102,241,0.14) 100%);color:#0f172a;border:1px solid rgba(59,130,246,0.25);padding:0.22rem 0.65rem;border-radius:999px;font-size:0.75rem;font-weight:800;letter-spacing:.2px}.boutique-page-section .product-card[data-univers="IA"] .univers-badge,.boutique-page-section .product-card[data-univers="Ia"] .univers-badge{background:linear-gradient(135deg, rgba(37,99,235,0.1) 0%, rgba(59,130,246,0.18) 100%);border-color:rgba(37,99,235,0.35);color:#0b3aa8}.boutique-page-section .product-card[data-univers="IA"] .badge-overlay,.boutique-page-section .product-card[data-univers="Ia"] .badge-overlay{background:rgba(37,99,235,0.85);border-color:rgba(37,99,235,0.65);color:#fff}.boutique-page-section .product-card[data-univers="PrestaShop"] .univers-badge{background:linear-gradient(135deg, rgba(124,58,237,0.1) 0%, rgba(168,85,247,0.18) 100%);border-color:rgba(124,58,237,0.35);color:#4c1d95}.boutique-page-section .product-card[data-univers="PrestaShop"] .badge-overlay{background:rgba(124,58,237,0.85);border-color:rgba(124,58,237,0.65);color:#fff}.boutique-page-section .product-card[data-univers="Développement"] .univers-badge,.boutique-page-section .product-card[data-univers="Development"] .univers-badge,.boutique-page-section .product-card[data-univers="Dev"] .univers-badge{background:linear-gradient(135deg, rgba(13,148,136,0.1) 0%, rgba(45,212,191,0.18) 100%);border-color:rgba(13,148,136,0.35);color:#064e3b}.boutique-page-section .product-card[data-univers="Développement"] .badge-overlay,.boutique-page-section .product-card[data-univers="Development"] .badge-overlay,.boutique-page-section .product-card[data-univers="Dev"] .badge-overlay{background:rgba(13,148,136,0.85);border-color:rgba(13,148,136,0.65);color:#fff}.boutique-page-section .product-card[data-univers="VTT"] .univers-badge{background:linear-gradient(135deg, rgba(245,158,11,0.1) 0%, rgba(251,191,36,0.18) 100%);border-color:rgba(245,158,11,0.35);color:#7c2d12}.boutique-page-section .product-card[data-univers="VTT"] .badge-overlay{background:rgba(245,158,11,0.9);border-color:rgba(245,158,11,0.7);color:#fff}.boutique-page-section .product-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.25rem;margin-top:2rem}@media (max-width: 360px){.boutique-page-section .product-grid{grid-template-columns:1fr}}.boutique-page-section .product-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 10px 30px rgba(2,6,23,0.06);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;position:relative;min-width:0}.boutique-page-section .product-card:hover{box-shadow:0 18px 40px rgba(2,6,23,0.12);transform:translateY(-4px);border-color:rgba(59,130,246,0.25)}.boutique-page-section .product-card .micro-extraits{list-style:none;padding:0;margin:0.6rem 0 0.2rem;display:grid;gap:0.35rem}.boutique-page-section .product-card .micro-extraits li{display:flex;align-items:flex-start;gap:0.45rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:0.35rem 0.55rem;font-size:0.9rem;color:#334155}.boutique-page-section .product-card .micro-extraits li svg{width:18px;height:18px;color:#0ea5e9;margin-top:2px;flex-shrink:0}.boutique-page-section .product-category-section#packs .product-grid{grid-template-columns:1fr}.boutique-page-section .product-card-image{position:relative;width:100%;height:180px;overflow:hidden}.boutique-page-section .product-card-image img{width:100%;height:100%;object-fit:cover}.boutique-page-section .product-card-image .badge-overlay{position:absolute;top:10px;left:10px;z-index:2}.boutique-page-section .product-card-image .card-ribbon{position:absolute;top:10px;right:-30px;transform:rotate(45deg);background:linear-gradient(135deg, #10b981, #34d399);color:#fff;font-weight:800;font-size:0.7rem;padding:0.25rem 2rem;box-shadow:0 4px 10px rgba(16,185,129,0.25);z-index:2}.boutique-page-section .product-card-image .card-tag.update{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:.35rem;background:rgba(2,6,23,0.7);color:#fff;border:1px solid rgba(255,255,255,0.22);padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:700;box-shadow:0 6px 14px rgba(2,6,23,0.25);backdrop-filter:blur(3px)}.boutique-page-section .product-card-image .card-tag.update svg{width:14px;height:14px}.boutique-page-section .product-card-image .hover-details{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(2,6,23,0) 0%, rgba(2,6,23,0.8) 100%);color:#fff;padding:.6rem .75rem;font-size:.9rem;transform:translateY(100%);transition:transform .25s ease;display:none !important}.boutique-page-section .product-card-image .hover-details ul{margin:0;padding-left:1.1rem}.boutique-page-section .product-card-image .hover-details li{margin:.15rem 0;list-style:none}.boutique-page-section .product-card-image .hover-details li::before{content:'›';margin-right:.35rem}.boutique-page-section .product-card-content{padding:1.25rem 1.25rem 1rem;flex-grow:1;position:relative;min-width:0}.boutique-page-section .product-card-content .course-meta{list-style:none;padding:0;margin:0.75rem 0 0;display:flex;flex-wrap:wrap;gap:0.5rem}.boutique-page-section .product-card-content .course-meta .badge{background:rgba(59,130,246,0.08);color:#2563eb;border:1px solid rgba(59,130,246,0.2);padding:0.25rem 0.5rem;border-radius:999px;font-size:0.8rem;font-weight:600}.boutique-page-section .product-card-content .course-actions{margin-top:0.75rem}.boutique-page-section .product-card-content .course-actions .btn-outline{display:inline-block;padding:0.5rem 0.9rem;border-radius:6px;border:1px solid #cbd5e1;color:#334155;text-decoration:none;transition:all 0.2s ease}.boutique-page-section .product-card-content .course-actions .btn-outline:hover{background-color:#0ea5e9;color:#fff;border-color:#0ea5e9}.boutique-page-section .product-card-content .course-actions .btn-outline.disabled{opacity:.6;pointer-events:none}.boutique-page-section .product-card-content .product-header-row{margin-bottom:0.25rem}.product-card[data-univers="IA"] .boutique-page-section .product-card-content .univers-badge,.product-card[data-univers="Ia"] .boutique-page-section .product-card-content .univers-badge{background:linear-gradient(135deg, rgba(37,99,235,0.1) 0%, rgba(59,130,246,0.18) 100%);border-color:rgba(37,99,235,0.35);color:#0b3aa8}.product-card[data-univers="PrestaShop"] .boutique-page-section .product-card-content .univers-badge{background:linear-gradient(135deg, rgba(124,58,237,0.1) 0%, rgba(168,85,247,0.18) 100%);border-color:rgba(124,58,237,0.35);color:#4c1d95}.product-card[data-univers="Développement"] .boutique-page-section .product-card-content .univers-badge,.product-card[data-univers="Development"] .boutique-page-section .product-card-content .univers-badge,.product-card[data-univers="Dev"] .boutique-page-section .product-card-content .univers-badge{background:linear-gradient(135deg, rgba(13,148,136,0.1) 0%, rgba(45,212,191,0.18) 100%);border-color:rgba(13,148,136,0.35);color:#064e3b}.product-card[data-univers="VTT"] .boutique-page-section .product-card-content .univers-badge{background:linear-gradient(135deg, rgba(245,158,11,0.1) 0%, rgba(251,191,36,0.18) 100%);border-color:rgba(245,158,11,0.35);color:#7c2d12}.boutique-page-section .product-card-content .meta-badges{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:.25rem 0 0;padding:0}.boutique-page-section .product-card-content .meta-badges .badge{background:#eef2f7;border:1px solid #dbe2ea;color:#0f172a;border-radius:999px;padding:.18rem .55rem;font-size:.75rem;font-weight:700}.boutique-page-section .product-card-content .meta-badges .badge.muted{background:#f5f7fa;color:#64748b}.boutique-page-section .product-card-content .micro-extraits{list-style:none;padding:0;margin:0.6rem 0 0.2rem;display:grid;gap:0.35rem}.boutique-page-section .product-card-content .micro-extraits li{display:flex;align-items:flex-start;gap:0.45rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:0.35rem 0.55rem;font-size:0.9rem;color:#334155}.boutique-page-section .product-card-content .micro-extraits li svg{width:18px;height:18px;color:#0ea5e9;margin-top:2px}.boutique-page-section .product-title{font-size:clamp(1rem, 3.6vw, 1.15rem);margin-top:0;margin-bottom:0.5rem;color:#333;text-wrap:balance;overflow-wrap:anywhere}.boutique-page-section .product-description{font-size:0.95rem;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.boutique-page-section .hover-hint{font-size:.8rem;color:#64748b;margin-top:.35rem}.boutique-page-section .card-reveal{display:none !important}.boutique-page-section .product-card-footer{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;background:linear-gradient(180deg, #fff 0%, #f9fafb 100%);border-top:1px solid #e5e7eb}.boutique-page-section .product-price{font-size:1.3rem;font-weight:800;color:#0f172a}.boutique-page-section .btn-primary{background:#0ea5e9;color:#fff;padding:.55rem .9rem;border-radius:10px;text-decoration:none;font-weight:800;display:inline-block;border:none}.boutique-page-section .btn-primary.disabled{opacity:.6;pointer-events:none}.boutique-page-section .product-card[data-type="formation"]{border:1px solid rgba(59,130,246,0.2);box-shadow:0 6px 18px rgba(59,130,246,0.12)}.boutique-page-section .product-card[data-type="formation"] .product-card-footer .buy-btn{background-color:#0ea5e9}.boutique-page-section .product-card[data-type="formation"] .product-card-footer .buy-btn:hover{background-color:#0284c7}.boutique-page-section .product-card[data-type="pack"]{border:1px solid rgba(16,185,129,0.25);box-shadow:0 6px 18px rgba(16,185,129,0.12)}.boutique-page-section .product-card[data-type="pack"] .pack-inner{display:grid;grid-template-columns:380px 1fr;gap:1.25rem;align-items:center;padding:1rem 1rem 0 1rem}@media (max-width: 900px){.boutique-page-section .product-card[data-type="pack"] .pack-inner{grid-template-columns:1fr}}.boutique-page-section .product-card[data-type="pack"] .pack-media img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.08)}.boutique-page-section .product-card[data-type="pack"] .pack-media{position:relative}.boutique-page-section .product-card[data-type="pack"] .pack-media .badge-overlay{position:absolute;top:10px;left:10px;z-index:2}.boutique-page-section .product-card[data-type="pack"] .pack-ribbon{position:absolute;top:10px;right:-30px;transform:rotate(45deg);background:linear-gradient(135deg, #10b981, #34d399);color:#fff;font-weight:800;font-size:0.7rem;padding:0.25rem 2rem;box-shadow:0 4px 10px rgba(16,185,129,0.25)}.boutique-page-section .product-card[data-type="pack"] .pack-includes-title{margin-top:0.5rem;font-weight:800;color:#065f46}.boutique-page-section .product-card[data-type="pack"] .pack-items{list-style:none;padding:0;margin:0.5rem 0 0;display:flex;flex-wrap:wrap;gap:0.35rem}.boutique-page-section .product-card[data-type="pack"] .pack-items .pack-item{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:999px;padding:0.2rem 0.55rem;font-size:0.75rem;font-weight:700}.boutique-page-section .product-card[data-type="pack"] .pack-items .pack-item.more{background:#d1fae5}.boutique-page-section .product-card[data-type="pack"] .pack-advantage{margin-top:0.75rem;display:flex;align-items:center;gap:0.5rem;color:#065f46;font-weight:800}.boutique-page-section .product-card[data-type="pack"] .pack-content .micro-extraits{list-style:none;padding:0;margin:0.6rem 0 0.2rem;display:grid;gap:0.35rem}.boutique-page-section .product-card[data-type="pack"] .pack-content .micro-extraits li{display:flex;align-items:flex-start;gap:0.45rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:0.35rem 0.55rem;font-size:0.95rem;color:#334155}.boutique-page-section .product-card[data-type="pack"] .pack-content .micro-extraits li svg{width:16px;height:16px;color:#10b981;margin-top:2px}.boutique-page-section .product-card[data-type="pack"] .pack-checklist{list-style:none;padding:0;margin:0.5rem 0 0;display:flex;flex-wrap:wrap;gap:0.4rem}.boutique-page-section .product-card[data-type="pack"] .pack-checklist li{display:inline-flex;align-items:center;gap:0.4rem;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;border-radius:999px;padding:0.25rem 0.55rem;font-size:0.78rem;font-weight:700}.boutique-page-section .product-card[data-type="pack"] .pack-checklist li svg{width:16px;height:16px;color:#10b981}.product-card[data-univers="IA"] .boutique-page-section .product-card[data-type="pack"] .pack-checklist li svg{color:#2563eb}.product-card[data-univers="PrestaShop"] .boutique-page-section .product-card[data-type="pack"] .pack-checklist li svg{color:#7c3aed}.product-card[data-univers="Développement"] .boutique-page-section .product-card[data-type="pack"] .pack-checklist li svg,.product-card[data-univers="Development"] .boutique-page-section .product-card[data-type="pack"] .pack-checklist li svg,.product-card[data-univers="Dev"] .boutique-page-section .product-card[data-type="pack"] .pack-checklist li svg{color:#0d9488}.product-card[data-univers="VTT"] .boutique-page-section .product-card[data-type="pack"] .pack-checklist li svg{color:#f59e0b}.boutique-page-section .product-card[data-type="pack"] .product-card-footer .buy-btn{background-color:#10b981}.boutique-page-section .product-card[data-type="pack"] .product-card-footer .buy-btn:hover{background-color:#059669}.results-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.5rem .75rem;margin:.75rem 0 1rem;box-shadow:0 8px 20px rgba(15,23,42,0.05)}.trust-strip{display:flex;gap:.75rem 1rem;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.5rem .75rem;box-shadow:0 8px 20px rgba(15,23,42,0.05)}.trust-strip .trust-item{display:inline-flex;align-items:center;gap:.4rem;color:#0f172a;font-weight:800}.trust-strip .trust-item svg{color:#0ea5e9}.results-count{color:#64748b;font-weight:700}.sort-select{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:.4rem .6rem}.results-toolbar>*,.trust-strip>*{min-width:0}.sticky-shopbar{position:fixed;bottom:max(16px, env(safe-area-inset-bottom));right:max(12px, env(safe-area-inset-right));left:auto;transform:none;z-index:1100;display:none;gap:.5rem;max-width:calc(100vw - 16px);padding:0 8px;align-items:center;pointer-events:none}@media (max-width: 768px){.sticky-shopbar{display:flex}}.sticky-shopbar .btn-primary,.sticky-shopbar .btn-secondary{padding:.4rem .85rem;border-radius:999px;font-size:.9rem;box-shadow:0 8px 18px rgba(2,6,23,0.18);pointer-events:auto}.sticky-shopbar .btn-secondary{background:#fff;border:2px solid #0ea5e9;color:#0ea5e9}.sticky-shopbar .btn-primary{color:#fff}.sticky-shopbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s ease, transform .2s ease}@media (max-width: 768px){body.shopbar-visible .product-category-section:last-of-type{padding-bottom:80px}}.product-card-image img{transition:transform .35s ease}.product-card:hover .product-card-image img{transform:scale(1.03)}.active-filters{display:none;margin:.6rem 0 0;padding:.35rem .5rem;display:flex;flex-wrap:wrap;gap:.5rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px}.active-filters .active-chip{border:1px solid rgba(14,165,233,0.35);background:rgba(14,165,233,0.1);color:#0f172a;border-radius:999px;padding:.28rem .6rem;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-weight:700}.active-filters .active-chip:hover{background:rgba(14,165,233,0.16);border-color:rgba(14,165,233,0.5)}.active-filters .active-chip span{font-weight:800;font-size:1rem;line-height:1}.boutique-hero-slider .media-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.25rem}.boutique-hero-slider .media-track>*{scroll-snap-align:start;flex:0 0 auto}.boutique-hero-slider .banner-slide{position:relative;border-radius:16px;overflow:hidden;flex:0 0 clamp(280px, 46vw, 560px)}.boutique-hero-slider .banner-slide img{width:100%;height:320px;object-fit:cover;display:block}@media (min-width: 900px){.boutique-hero-slider .banner-slide img{height:360px}}.boutique-hero-slider .banner-slide::after{content:'';position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg, rgba(2,6,23,0) 0%, rgba(2,6,23,0.55) 45%, rgba(2,6,23,0.88) 100%);pointer-events:none;z-index:0}.boutique-hero-slider .banner-caption{position:absolute;left:1rem;bottom:.9rem;right:1rem;background:transparent;color:#fff !important;padding:0 .25rem;border-radius:12px;text-shadow:0 2px 6px rgba(0,0,0,0.6);z-index:1}.boutique-hero-slider .banner-caption h3{color:#fff !important;margin:0 0 .25rem;font-size:clamp(1.05rem, 2.4vw, 1.35rem);line-height:1.25;text-shadow:0 2px 6px rgba(0,0,0,0.65);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.boutique-hero-slider .banner-caption p{color:#fff !important;margin:0;font-size:.98rem;opacity:.98;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.boutique-hero-slider .banner-actions{display:flex;gap:.5rem;align-items:center;margin-top:.35rem;flex-wrap:wrap}.boutique-hero-slider .price-chip{background:linear-gradient(135deg, #0f172a, #1e293b);color:#fff;border-radius:999px;padding:.25rem .6rem;font-weight:800;box-shadow:0 6px 14px rgba(2,6,23,0.25)}.boutique-hero-slider .slider-controls{position:absolute;inset:0;pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 .25rem}.boutique-hero-slider .slider-controls .slider-btn{pointer-events:auto;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,0.4);background:rgba(15,23,42,0.45);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(2,6,23,0.3);backdrop-filter:blur(4px);cursor:pointer;transition:transform .15s ease, opacity .2s ease}.boutique-hero-slider .slider-controls .slider-btn:hover{transform:scale(1.06)}.boutique-hero-slider .slider-controls .slider-btn.disabled{opacity:.4;cursor:default}@media (max-width: 768px){.boutique-hero-slider .banner-slide{flex-basis:calc(100% - 2rem)}.boutique-hero-slider .banner-slide img{height:240px}.boutique-hero-slider .banner-slide::after{height:60%}.boutique-hero-slider .banner-caption{padding:0 .2rem}.boutique-hero-slider .slider-controls .slider-btn{width:32px;height:32px}}.boutique-hero{background:#ffffff;border:1px solid #e5e7eb;border-top:none;border-radius:16px;box-shadow:0 10px 30px rgba(2,6,23,0.06);padding:.75rem 0 0;margin-top:0;position:relative;z-index:2}.boutique-hero.split{margin-top:0}.boutique-hero.split .hero-split{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;align-items:center;position:relative;padding:clamp(0.9rem, 2vw, 1.25rem);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 20px rgba(2,6,23,0.04)}.boutique-hero.split .hero-split::before{content:'';position:absolute;inset:-18px -18px 0 -18px;border-radius:22px;z-index:-1;background:radial-gradient(800px 360px at 10% 10%, rgba(59,130,246,0.08), transparent 70%),radial-gradient(700px 320px at 96% 14%, rgba(147,51,234,0.07), transparent 70%),linear-gradient(180deg, #fff 0%, #f8fafc 100%);box-shadow:0 24px 60px rgba(2,6,23,0.1),inset 0 1px 0 rgba(255,255,255,0.6)}.boutique-hero.split .hero-col.media .media-wrap{position:relative}.boutique-hero.split .hero-col.media .media-wrap>.badge-overlay{position:absolute !important;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center}.boutique-hero.split .hero-col.media img{width:100%;height:clamp(220px, 42vw, 440px);object-fit:cover;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.15)}.boutique-hero.split .hero-title{margin:0 0 .5rem;font-size:clamp(1.25rem, 3.2vw, 2rem);text-wrap:balance}.boutique-hero.split .hero-subtitle{margin:0 0 .6rem;color:#475569;max-width:70ch}.boutique-hero.split .hero-eyebrow{display:flex;flex-wrap:wrap;gap:.4rem .45rem;margin-bottom:.35rem}.boutique-hero.split .eyebrow-badge{background:#eef2f7;color:#0f172a;border:1px solid #dbe2ea;border-radius:999px;padding:.18rem .5rem;font-size:.72rem;font-weight:800}.boutique-hero.split .eyebrow-badge.alt{background:#f8fafc}.boutique-hero.split .advantage-chip{background:linear-gradient(135deg, #10b981, #34d399);color:#fff;border-radius:999px;padding:.18rem .55rem;font-weight:800;font-size:.75rem;box-shadow:0 6px 14px rgba(16,185,129,0.25)}.boutique-hero.split .hero-micro{list-style:none;padding:0;margin:.35rem 0 .6rem;display:grid;gap:.35rem}.boutique-hero.split .hero-micro li{display:flex;gap:.4rem;align-items:flex-start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:.35rem .55rem;color:#334155;font-size:.92rem}.boutique-hero.split .hero-micro li svg{color:#0ea5e9;margin-top:2px;flex-shrink:0}.boutique-hero.split .hero-includes{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0 .75rem}.boutique-hero.split .include-chip{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:999px;padding:.22rem .55rem;font-weight:800;font-size:.75rem}@media (max-width: 900px){.boutique-hero.split .hero-split{grid-template-columns:1fr}}.boutique-hero .hero-banner{position:relative;border-radius:16px;overflow:hidden}.boutique-hero .hero-banner img{width:100%;height:clamp(220px, 42vw, 440px);object-fit:cover;display:block}.boutique-hero .hero-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(2,6,23,0) 0%, rgba(2,6,23,0.55) 55%, rgba(2,6,23,0.85) 100%);z-index:0}.boutique-hero .hero-caption{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;color:#fff !important;text-shadow:0 2px 10px rgba(0,0,0,0.5);z-index:1}.boutique-hero .hero-caption h2,.boutique-hero .hero-caption p{color:#fff !important}.boutique-hero .hero-caption a{color:#fff}.boutique-hero .hero-caption h2{margin:0 0 .25rem;font-size:clamp(1.25rem, 3vw, 1.75rem)}.boutique-hero .hero-caption p{margin:0 0 .6rem;max-width:68ch}.boutique-hero .hero-caption{max-height:6.2em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg, #000 75%, transparent);mask-image:linear-gradient(180deg, #000 75%, transparent);transition:max-height .45s ease;will-change:max-height}.boutique-hero .hero-banner:hover .hero-caption{max-height:100vh;-webkit-mask-image:none;mask-image:none}.boutique-hero .hero-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.boutique-hero .btn-primary{background:#0ea5e9;color:#fff;border-radius:10px;padding:.55rem .9rem;text-decoration:none;font-weight:800}.boutique-hero .btn-primary.disabled{opacity:.6;pointer-events:none}.boutique-hero .price-chip{background:#0ea5e9;color:#fff;border-radius:999px;padding:.2rem .55rem;font-weight:800}.boutique-hero .guarantee-strip{display:flex;gap:.75rem;justify-content:center;align-items:center;margin-top:.8rem;flex-wrap:wrap}.boutique-hero .guarantee-item{display:flex;align-items:center;gap:.5rem;background:linear-gradient(180deg, #fff 0%, #f9fafb 100%);border:1px solid #e5e7eb;color:#0f172a;border-radius:999px;padding:.5rem .9rem;font-weight:800;box-shadow:0 2px 10px rgba(2,6,23,0.06);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}.boutique-hero .guarantee-item svg{transition:transform .2s ease}.boutique-hero .guarantee-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(2,6,23,0.12);border-color:#d1d9e0}.boutique-hero .guarantee-item:hover svg{transform:scale(1.06) rotate(2deg)}.boutique-hero .guarantee-item:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}.boutique-hero .guarantee-item svg{color:#0ea5e9}@media (max-width: 768px){.boutique-hero .hero-caption{left:.9rem;right:.9rem;bottom:.9rem}.boutique-hero .btn-primary{padding:.5rem .8rem}}.guarantee-row{margin:.2rem 0 .2rem;position:relative;z-index:3}.guarantee-row .guarantee-row-inner{display:flex;justify-content:center;align-items:center;gap:.75rem 1rem;flex-wrap:wrap;background:linear-gradient(180deg, #fff 0%, #fbfdff 100%);border:1px solid #e5e7eb;border-radius:999px;padding:.5rem 1rem;box-shadow:0 10px 30px rgba(2,6,23,0.06)}.guarantee-row .guarantee-item{display:inline-flex;align-items:center;gap:.45rem;color:#0f172a;font-weight:800}.guarantee-row .guarantee-item svg{color:#0ea5e9}.page-boutique .page-hero-section{padding:2rem 0 1rem}.product-category-section{padding:1.25rem 0 1.5rem;border-top:1px solid #e5e7eb;margin:1.25rem 0 1rem;scroll-margin-top:90px}.product-category-section:first-of-type{border-top:0}.product-category-section .category-header{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem .75rem}.product-category-section .category-title{margin:0 0 1rem 0;padding:0.75rem 1rem;font-size:clamp(1.1rem, 4vw, 1.25rem);font-weight:800;color:#0f172a;text-wrap:balance;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center}.product-category-section .category-count{color:#fff;background:#0f172a;padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.85rem}.product-category-section .category-description{background:#ffffff;border:1px solid #e5e7eb;border-radius:10px;padding:.85rem 1rem;margin-bottom:.75rem;color:#334155;line-height:1.55;grid-column:1 / -1;width:100%;max-width:none;justify-self:stretch;min-width:0}.product-category-section .product-grid>.category-description{grid-column:1 / -1;width:100%;max-width:none;justify-self:stretch}.product-category-section.category-highlight{animation:highlightPulse 1.2s ease}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,0)}30%{box-shadow:0 0 0 6px rgba(59,130,246,0.12)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.boutique-filters{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;justify-content:space-between;padding:0.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:1rem;margin-bottom:1rem}.boutique-filters .facets{display:flex;flex-wrap:wrap;gap:0.5rem;min-width:0}.boutique-filters .qv-overlay{position:fixed;inset:0;background:rgba(2,6,23,0.55);display:flex;align-items:center;justify-content:center;z-index:1200}.boutique-filters .qv-modal{background:#fff;border-radius:12px;max-width:780px;width:calc(100% - 2rem);padding:1.25rem 1.25rem;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.25);max-height:calc(100vh - 2rem);overflow:auto}.boutique-filters .qv-close{position:absolute;top:.35rem;right:.5rem;background:transparent;border:0;font-size:1.5rem;cursor:pointer}.boutique-filters .qv-title{font-weight:800;font-size:1.25rem;margin-bottom:.5rem}.boutique-filters .qv-results{margin:.5rem 0;padding-left:1.2rem}.boutique-filters .qv-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:#475569;margin-top:.5rem}.boutique-filters .facet-group{display:flex;gap:0.4rem;align-items:center}.boutique-filters .facet-label{font-size:0.9rem;color:#64748b;margin-right:0.25rem}.boutique-filters .facet-button{border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;padding:0.35rem 0.6rem;border-radius:999px;font-size:0.85rem;cursor:pointer;transition:all 0.15s ease}.boutique-filters .facet-button:hover{background:#eef2f7}.boutique-filters .facet-button.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.boutique-filters .facet-search{min-width:220px;border:1px solid #e5e7eb;background:#fff;padding:0.45rem 0.6rem;border-radius:8px}.no-results{margin:1rem 0;padding:1rem;background:#fff;border:1px dashed #e5e7eb;border-radius:10px;color:#64748b}.qv-overlay{position:fixed;inset:0;background:rgba(2,6,23,0.55);display:flex;align-items:center;justify-content:center;z-index:1200}.qv-modal{background:#fff;border-radius:12px;max-width:780px;width:calc(100% - 2rem);padding:1.25rem 1.25rem;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.25);max-height:calc(100vh - 2rem);overflow:auto}.qv-close{position:absolute;top:.35rem;right:.5rem;background:transparent;border:0;font-size:1.5rem;cursor:pointer}.qv-title{font-weight:800;font-size:1.25rem;margin-bottom:.5rem}.qv-results{margin:.5rem 0;padding-left:1.2rem}.qv-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:#475569;margin-top:.5rem}.modal-content{border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.modal-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.modal-title{margin:0;font-size:1.25rem;font-weight:800}.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end;align-items:center;background:#f9fafb}.modal-grid{display:grid;grid-template-columns:320px 1fr;gap:1rem;align-items:start}.modal-grid>*{min-width:0}.modal-media img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.08)}.modal-description{color:#334155;margin:.25rem 0 .75rem;line-height:1.6}.section-mini{margin:.75rem 0 .35rem;font-size:1rem;font-weight:800}.qv-programme,.qv-results{padding-left:1.2rem}.price-chip-lg{background:linear-gradient(135deg, #0f172a, #1e293b);color:#fff;border-radius:999px;padding:.35rem .75rem;font-weight:800}@media (max-width: 768px){.modal-grid{grid-template-columns:1fr}}.qv-close{position:absolute;top:.25rem;right:.5rem;font-size:1.75rem;line-height:1;color:#64748b}.qv-close:hover{color:#0f172a;transform:scale(1.05)}.media-slider{position:relative;overflow:hidden}.media-track{display:flex;gap:0.5rem;overflow-x:auto;scroll-snap-type:x mandatory}.media-track img{width:100%;height:auto;border-radius:10px;scroll-snap-align:start;flex:0 0 100%}.slider-controls{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%)}.slider-btn{background:rgba(15,23,42,0.6);color:#fff;border:none;border-radius:999px;padding:0.4rem 0.6rem;cursor:pointer}.boutique-product-detail .product-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}@media (max-width: 900px){.boutique-product-detail .product-detail{grid-template-columns:1fr}}.boutique-product-detail .product-detail .product-media img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.08)}.boutique-product-detail .product-detail .product-info .badge{display:inline-block;background:rgba(59,130,246,0.08);color:#2563eb;border:1px solid rgba(59,130,246,0.2);padding:0.25rem 0.6rem;border-radius:999px;font-weight:600;margin-bottom:0.75rem}.boutique-product-detail .product-detail .product-info .price-and-cta{display:flex;gap:1rem;align-items:center;margin:0.5rem 0 1rem}.boutique-product-detail .product-detail .product-info .price-and-cta .price{font-size:1.6rem;font-weight:700;color:#0f172a}.boutique-product-detail .product-detail .product-info .meta-list{list-style:none;padding:0;margin:1rem 0}.boutique-product-detail .product-detail .product-info .meta-list li{margin-bottom:0.4rem}.boutique-product-detail .product-faq{margin-top:2.5rem}.boutique-product-detail .product-faq h2{margin-bottom:1rem}.boutique-product-detail .product-faq details{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0.75rem 1rem;margin-bottom:0.6rem}.boutique-product-detail .product-faq summary{cursor:pointer;font-weight:600}.boutique-product-detail .product-faq .answer{margin-top:0.5rem;color:#475569}.boutique-product-detail .product-outcomes{margin-top:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.25rem}.boutique-product-detail .product-outcomes h2{margin:0 0 .75rem}.boutique-product-detail .product-outcomes ul{margin:0;padding-left:1.2rem}.boutique-product-detail .product-outcomes li{margin:.3rem 0;color:#334155}.boutique-page-section .boutique-quick-nav{min-width:0}.boutique-page-section .boutique-quick-nav .quick-nav-block{min-width:0}.boutique-page-section .boutique-quick-nav .quick-search{min-width:0;flex:1 1 auto}.boutique-page-section .boutique-quick-nav .quick-search input{width:min(260px, 36vw)}@media (max-width: 480px){body.page-boutique{overflow-x:hidden}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#0F172A;backdrop-filter:blur(10px);border-top:2px solid #0f172a;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);z-index:1050;transform:translateY(100%);transition:250ms ease-in-out;font-family:"Inter",sans-serif;color:#fff}.cookie-banner h3{color:#fff !important}.cookie-banner.show{transform:translateY(0)}@media (max-width: 768px){.cookie-banner{position:fixed;bottom:0;left:0;right:0;border-radius:0}}.cookie-banner-content{max-width:1200px;margin:0 auto;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#fff}@media (max-width: 768px){.cookie-banner-content{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}}.cookie-banner-info{flex:1}.cookie-banner-info h3{margin:0 0 .5rem 0;font-size:1.125rem;font-weight:600;color:#111827;font-family:"Poppins",sans-serif;display:flex;align-items:center;gap:.5rem}.cookie-banner-info p{margin:0;font-size:.875rem;color:#fff !important;line-height:1.6}.cookie-banner-actions{display:flex;gap:.5rem;flex-shrink:0}@media (max-width: 768px){.cookie-banner-actions{flex-direction:column;gap:.5rem}}@media (max-width: 576px){.cookie-banner-actions{flex-direction:row;flex-wrap:wrap}.cookie-banner-actions button{flex:1;min-width:0}}.cookie-banner .btn-primary,.cookie-banner .btn-secondary,.cookie-banner .btn-outline{padding:.5rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:250ms ease-in-out;text-decoration:none;display:inline-block;font-family:"Inter",sans-serif;color:#fff !important}@media (max-width: 768px){.cookie-banner .btn-primary,.cookie-banner .btn-secondary,.cookie-banner .btn-outline{padding:1rem 1.5rem;font-size:.75rem}}.cookie-banner .btn-primary{background:#059669;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid #059669 !important}.cookie-banner .btn-primary:hover{background:#036546;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);border-color:#036546}.cookie-banner .btn-secondary{background:#0F172A;color:#fff !important;border:1px solid #e2e8f0}.cookie-banner .btn-secondary:hover{background:#1c2c50;border-color:#475569;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.cookie-banner .btn-outline{background:transparent;color:#475569;border:1px solid #fff;color:#fff !important}.cookie-banner .btn-outline:hover{background:#475569;color:#fff;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);border-color:#475569}.cookie-settings-panel{background:#0F172A;border-top:1px solid #e2e8f0;padding:1.5rem;margin-top:1rem;border-radius:.75rem}.cookie-settings-panel h4{margin:0 0 1rem 0;font-size:1rem;font-weight:600;color:#fff;font-family:"Poppins",sans-serif}.cookie-category{background:#0F172A;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;margin-bottom:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.cookie-category:last-child{margin-bottom:1rem}.cookie-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cookie-category-header h5{margin:0;font-size:.875rem;font-weight:600;color:#fff;font-family:"Poppins",sans-serif}.cookie-category-header .required{background:#059669;color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.cookie-category p{margin:0;font-size:.75rem;color:#fff !important;line-height:1.6}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle input:checked+.toggle-slider{background-color:#0f172a}.toggle input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle input:focus+.toggle-slider{box-shadow:0 0 4px rgba(15,23,42,0.3)}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e2e8f0;transition:250ms ease-in-out;border-radius:9999px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:250ms ease-in-out;border-radius:9999px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.cookie-settings-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width: 576px){.cookie-settings-actions{flex-direction:column}}.cookie-notification{position:fixed;top:1.5rem;right:1.5rem;background:#059669;color:#fff;padding:1rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:500;z-index:1070;transform:translateX(100%);transition:250ms ease-in-out;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);font-family:"Inter",sans-serif}.cookie-notification.show{transform:translateX(0)}@media (max-width: 768px){.cookie-notification{left:1.5rem;right:1.5rem;transform:translateY(-100%)}.cookie-notification.show{transform:translateY(0)}}.cookie-preferences-link{color:#475569;text-decoration:none;font-size:.75rem;transition:150ms ease-in-out}.cookie-preferences-link:hover{color:#0f172a;text-decoration:underline}@media (prefers-reduced-motion: reduce){.cookie-banner,.cookie-notification,.toggle-slider,.toggle-slider:before{transition:none}}@media (prefers-color-scheme: dark){.cookie-banner{background:rgba(30,41,59,0.95);border-top-color:#0f172a}.cookie-banner .cookie-banner-info h3{color:#fff}.cookie-banner .cookie-banner-info p{color:#111827}.cookie-banner .btn-secondary{background:#334155;color:#fff;border-color:#475569}.cookie-banner .btn-secondary:hover{background:#1E293B}.cookie-banner .btn-outline{color:#fff;border-color:#111827}.cookie-banner .btn-outline:hover{background:#111827;color:#fff}.cookie-settings-panel{background:#0F172A;border-color:#334155}.cookie-settings-panel h4{color:#fff}.cookie-category{background:#1E293B;border-color:#334155}.cookie-category h5{color:#fff}.cookie-category p{color:#111827}.toggle-slider{background-color:#334155}}.cookie-policy-page .cookie-intro-section{margin-bottom:2rem}.cookie-policy-page .intro-card .card-body{text-align:center;padding:2rem}.cookie-policy-page .intro-card h2{color:#111827;font-family:"Poppins",sans-serif;font-size:1.25rem;margin-bottom:1rem}.cookie-policy-page .intro-card p{color:#374151;font-size:1rem;line-height:1.6;max-width:600px;margin:0 auto 1.5rem auto}.cookie-policy-page .intro-card .update-info{text-align:center}.cookie-policy-page .intro-card .update-info .update-date{display:inline-flex;align-items:center;gap:.5rem;color:#475569;font-size:.875rem;background:rgba(15,23,42,0.05);padding:.5rem 1rem;border-radius:9999px}.cookie-policy-page .cookies-section,.cookie-policy-page .privacy-section-header,.cookie-policy-page .preferences-section-header{margin-bottom:1.5rem}.cookie-policy-page .cookies-section h2,.cookie-policy-page .privacy-section-header h2,.cookie-policy-page .preferences-section-header h2{color:#111827;font-family:"Poppins",sans-serif;font-size:2rem;margin:0;text-align:center;position:relative}.cookie-policy-page .cookies-section h2:after,.cookie-policy-page .privacy-section-header h2:after,.cookie-policy-page .preferences-section-header h2:after{content:'';display:block;width:60px;height:3px;background:#0f172a;margin:1rem auto 0;border-radius:.25rem}.cookie-policy-page .cookie-categories{display:grid;gap:1.5rem;margin-bottom:2rem}.cookie-policy-page .cookie-category-card .card-header{padding:1.5rem;border-bottom:1px solid #e2e8f0}.cookie-policy-page .cookie-category-card .category-header{display:flex;align-items:center;gap:1rem}.cookie-policy-page .cookie-category-card .category-icon{width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center}.cookie-policy-page .cookie-category-card .category-icon svg{color:#fff}.cookie-policy-page .cookie-category-card .category-icon.essential{background:#059669}.cookie-policy-page .cookie-category-card .category-icon.analytics{background:#0f172a}.cookie-policy-page .cookie-category-card h3{color:#111827;font-family:"Poppins",sans-serif;font-size:1.125rem;margin:0 0 .25rem 0}.cookie-policy-page .cookie-category-card .category-status{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.cookie-policy-page .cookie-category-card .category-status.required{background:rgba(5,150,105,0.1);color:#059669}.cookie-policy-page .cookie-category-card .category-status.optional{background:rgba(15,23,42,0.1);color:#0f172a}.cookie-policy-page .cookie-category-card .card-body{padding:1.5rem}.cookie-policy-page .cookie-category-card .card-body p{color:#374151;margin-bottom:1.5rem}.cookie-policy-page .cookie-table{background:#fafafa;border-radius:.75rem;overflow:hidden}.cookie-policy-page .cookie-table .cookie-row{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;padding:1rem;border-bottom:1px solid #e2e8f0}.cookie-policy-page .cookie-table .cookie-row.header{background:#0f172a;color:#fff;font-weight:600;font-size:.875rem}.cookie-policy-page .cookie-table .cookie-row:last-child{border-bottom:none}.cookie-policy-page .cookie-table .cookie-row span,.cookie-policy-page .cookie-table .cookie-row code{padding:.25rem}.cookie-policy-page .cookie-table .cookie-row code{background:rgba(15,23,42,0.1);color:#0f172a;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-family:"JetBrains Mono",monospace}@media (max-width: 768px){.cookie-policy-page .cookie-table .cookie-row{grid-template-columns:1fr;gap:.25rem}.cookie-policy-page .cookie-table .cookie-row.header{display:none}.cookie-policy-page .cookie-table .cookie-row span,.cookie-policy-page .cookie-table .cookie-row code{padding:.25rem 0}.cookie-policy-page .cookie-table .cookie-row span:before{content:attr(data-label) ": ";font-weight:600;color:#111827}}.cookie-policy-page .privacy-section{display:grid;gap:1.5rem;margin-bottom:2rem}@media (min-width: 992px){.cookie-policy-page .privacy-section{grid-template-columns:1fr 1fr}}.cookie-policy-page .privacy-card .card-header,.cookie-policy-page .rights-card .card-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.cookie-policy-page .privacy-card .privacy-icon,.cookie-policy-page .rights-card .privacy-icon{width:40px;height:40px;background:#0f172a;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.cookie-policy-page .privacy-card .privacy-icon svg,.cookie-policy-page .rights-card .privacy-icon svg{color:#fff}.cookie-policy-page .privacy-card h3,.cookie-policy-page .rights-card h3{color:#111827;font-family:"Poppins",sans-serif;font-size:1.125rem;margin:0}.cookie-policy-page .privacy-card .card-body,.cookie-policy-page .rights-card .card-body{padding:1.5rem}.cookie-policy-page .privacy-features,.cookie-policy-page .rights-list{display:grid;gap:1rem}.cookie-policy-page .privacy-feature,.cookie-policy-page .right-item{display:flex;align-items:flex-start;gap:1rem}.cookie-policy-page .privacy-feature .feature-icon,.cookie-policy-page .privacy-feature .right-icon,.cookie-policy-page .right-item .feature-icon,.cookie-policy-page .right-item .right-icon{font-size:1.125rem;margin-top:.25rem}.cookie-policy-page .privacy-feature strong,.cookie-policy-page .right-item strong{color:#111827;font-weight:600;display:block;margin-bottom:.25rem}.cookie-policy-page .privacy-feature p,.cookie-policy-page .right-item p{color:#374151;font-size:.875rem;margin:0;line-height:1.6}.cookie-policy-page .preferences-section{margin-bottom:2rem}.cookie-policy-page .preferences-card .card-body{padding:2rem;text-align:center}.cookie-policy-page .preferences-card h3{color:#111827;font-family:"Poppins",sans-serif;font-size:1.25rem;margin-bottom:1rem}.cookie-policy-page .preferences-card p{color:#374151;margin-bottom:1rem}.cookie-policy-page .preferences-card ul{text-align:left;max-width:500px;margin:0 auto 1.5rem auto}.cookie-policy-page .preferences-card ul li{color:#374151;margin-bottom:.5rem}.cookie-policy-page .preferences-actions{margin-top:1.5rem}.cookie-policy-page .preferences-btn{background:#0f172a;color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:500;font-family:"Inter",sans-serif;cursor:pointer;transition:250ms ease-in-out;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.cookie-policy-page .preferences-btn:hover{background:#020617;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.cookie-policy-page .preferences-btn svg{fill:none;stroke:currentColor}.cookie-policy-page .additional-info-section,.cookie-policy-page .compliance-section,.cookie-policy-page .technical-section,.cookie-policy-page .contact-section,.cookie-policy-page .changelog-section{margin-bottom:2rem}.cookie-policy-page .browser-instructions{display:grid;gap:1rem;margin-bottom:1.5rem}.cookie-policy-page .browser-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(15,23,42,0.02);border-radius:.75rem;border-left:4px solid #0f172a}.cookie-policy-page .browser-item .browser-icon{font-size:1.25rem}.cookie-policy-page .browser-item strong{color:#111827;font-weight:600;display:block;margin-bottom:.25rem}.cookie-policy-page .browser-item p{color:#374151;font-size:.875rem;margin:0}.cookie-policy-page .ga-disable-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.cookie-policy-page .ga-disable-section h4{color:#111827;font-family:"Poppins",sans-serif;font-size:1.125rem;margin-bottom:1rem}.cookie-policy-page .ga-disable-section p{color:#374151;margin-bottom:1rem}.cookie-policy-page .ga-disable-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border:2px solid #0f172a;color:#0f172a;text-decoration:none;border-radius:.75rem;font-weight:500;transition:250ms ease-in-out}.cookie-policy-page .ga-disable-btn:hover{background:#0f172a;color:#fff;transform:translateY(-2px)}.cookie-policy-page .ga-disable-btn svg{fill:none;stroke:currentColor}.cookie-policy-page .devices-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1.5rem;margin-top:1.5rem}.cookie-policy-page .device-item{text-align:center;padding:1.5rem;background:rgba(15,23,42,0.02);border-radius:.75rem}.cookie-policy-page .device-item .device-icon{font-size:2rem;display:block;margin-bottom:1rem}.cookie-policy-page .device-item strong{color:#111827;font-weight:600;display:block;margin-bottom:.5rem}.cookie-policy-page .device-item p{color:#374151;font-size:.875rem;margin:0}.cookie-policy-page .legal-items{display:grid;gap:1.5rem}.cookie-policy-page .legal-item{display:flex;align-items:flex-start;gap:1rem}.cookie-policy-page .legal-item .legal-flag{font-size:1.25rem;margin-top:.25rem}.cookie-policy-page .legal-item strong{color:#111827;font-weight:600;display:block;margin-bottom:.5rem}.cookie-policy-page .legal-item p{color:#374151;margin-bottom:.5rem}.cookie-policy-page .legal-item ul{margin:0;padding-left:1.5rem}.cookie-policy-page .legal-item ul li{color:#374151;font-size:.875rem;margin-bottom:.25rem}.cookie-policy-page .technical-grid{display:grid;gap:1.5rem}.cookie-policy-page .tech-feature{display:flex;align-items:flex-start;gap:1rem}.cookie-policy-page .tech-feature .tech-icon{font-size:1.25rem;margin-top:.25rem}.cookie-policy-page .tech-feature strong{color:#111827;font-weight:600;display:block;margin-bottom:.5rem}.cookie-policy-page .tech-feature p{color:#374151;margin-bottom:.5rem}.cookie-policy-page .tech-feature ul{margin:0;padding-left:1.5rem}.cookie-policy-page .tech-feature ul li{color:#374151;font-size:.875rem;margin-bottom:.25rem}.cookie-policy-page .contact-info{text-align:center}.cookie-policy-page .contact-info .contact-item{margin-bottom:1.5rem}.cookie-policy-page .contact-info .contact-item strong{color:#111827;font-size:1.125rem;font-weight:600;display:block;margin-bottom:.25rem}.cookie-policy-page .contact-info .contact-item p{color:#374151;margin:0}.cookie-policy-page .contact-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cookie-policy-page .contact-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#0f172a;color:#fff;text-decoration:none;border-radius:.75rem;font-weight:500;transition:250ms ease-in-out}.cookie-policy-page .contact-link:hover{background:#020617;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.cookie-policy-page .contact-link svg{fill:none;stroke:currentColor}.cookie-policy-page .changelog-table{background:#fafafa;border-radius:.75rem;overflow:hidden}.cookie-policy-page .changelog-table .changelog-row{display:grid;grid-template-columns:150px 1fr;padding:1rem;border-bottom:1px solid #e2e8f0}.cookie-policy-page .changelog-table .changelog-row.header{background:#0f172a;color:#fff;font-weight:600}.cookie-policy-page .changelog-table .changelog-row:last-child{border-bottom:none}@media (max-width: 576px){.cookie-policy-page .changelog-table .changelog-row{grid-template-columns:1fr;gap:.25rem}}.cookie-policy-page .footer-note{text-align:center;padding:2rem 0;border-top:1px solid #e2e8f0;margin-top:2rem}.cookie-policy-page .footer-note p{color:#374151;font-style:italic;margin:0}@media (max-width: 768px){.cookie-policy-page .main-content{padding:0 1rem}.cookie-policy-page .cookie-categories{gap:1rem}.cookie-policy-page .privacy-section{gap:1rem}.cookie-policy-page .preferences-card .card-body{padding:1.5rem}.cookie-policy-page .contact-links{flex-direction:column;align-items:center}.cookie-policy-page .devices-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.cookie-policy-page .page-header{background:linear-gradient(135deg, rgba(30,41,59,0.8) 0%, rgba(51,65,85,0.5) 100%)}.cookie-policy-page .page-header h1{color:#fff}.cookie-policy-page .page-header .page-subtitle{color:#111827}.cookie-policy-page .page-header .header-meta .update-date{background:rgba(51,65,85,0.8);color:#111827}.cookie-policy-page .card-modern{background:#334155;border-color:rgba(226,232,240,0.1)}.cookie-policy-page .card-modern .card-header{border-color:rgba(226,232,240,0.1)}.cookie-policy-page .card-modern h2,.cookie-policy-page .card-modern h3{color:#fff}.cookie-policy-page .card-modern p,.cookie-policy-page .card-modern li{color:#111827}.cookie-policy-page .cookie-table{background:#1E293B}.cookie-policy-page .cookie-table .cookie-row{border-color:rgba(226,232,240,0.1)}.cookie-policy-page .cookie-table .cookie-row:not(.header){color:#111827}.cookie-policy-page .cookie-table .cookie-row code{background:rgba(15,23,42,0.2)}.cookie-policy-page .preferences-btn:hover{background:#020617}}.sidebar .sidebar-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;margin-bottom:1rem}.sidebar .sidebar-list{list-style:none;margin:0;padding:0}.sidebar .sidebar-list li{margin:.25rem 0}.sidebar .sidebar-list a{text-decoration:none;color:#0f172a}.sidebar .sidebar-list a.active{font-weight:600}.external-publications-section{padding:2rem 0;background-color:#f9fafb;border-top:1px solid #e2e8f0}.external-publications-section .container{max-width:1200px;margin:0 auto;padding:0 1rem}.external-publications-section .section-title{font-size:1.8rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:2rem}.external-publications-section .external-publications-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem}.external-publications-section .external-publication-card{background:white;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s ease, box-shadow 0.3s ease}.external-publications-section .external-publication-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.external-publications-section .external-publication-card .publication-card-header{padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:0.75rem}.external-publications-section .external-publication-card .publication-card-header .publication-icon{font-size:1.5rem;color:#3b82f6}.external-publications-section .external-publication-card .publication-card-header .publication-meta{font-size:0.8rem;color:#64748b}.external-publications-section .external-publication-card .publication-card-content{padding:1rem;flex-grow:1}.external-publications-section .external-publication-card .publication-card-content .publication-title{font-size:1.1rem;font-weight:600;margin:0 0 0.5rem 0}.external-publications-section .external-publication-card .publication-card-content .publication-title a{color:#1e293b;text-decoration:none}.external-publications-section .external-publication-card .publication-card-content .publication-title a:hover{color:#3b82f6}.external-publications-section .external-publication-card .publication-card-content .publication-description{font-size:0.9rem;color:#475569;margin:0}.external-publications-section .external-publication-card .publication-card-footer{padding:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.external-publications-section .external-publication-card .publication-card-footer .read-more-btn{color:#3b82f6;text-decoration:none;font-weight:600;font-size:0.9rem}.external-publications-section .external-publication-card .publication-card-footer .read-more-btn:hover{text-decoration:underline}.projects-grid-redesign{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:2rem}.project-card-v2{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s ease, box-shadow 0.3s ease;height:100%}.project-card-v2:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(32,48,71,0.1)}.project-card-v2 .card-header{position:relative;height:200px;overflow:hidden}.project-card-v2 .card-header img.project-image{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.project-card-v2 .card-header:hover img.project-image{transform:scale(1.05)}.project-card-v2 .card-header .project-categories-overlay{position:absolute;bottom:12px;left:12px;display:flex;flex-wrap:wrap;gap:6px}.project-card-v2 .card-header .project-categories-overlay .category-badge{background:rgba(255,255,255,0.9);backdrop-filter:blur(5px);color:#1e293b;padding:5px 10px;border-radius:20px;font-size:0.75rem;font-weight:600;border:1px solid rgba(0,0,0,0.05)}.project-card-v2 .card-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-card-v2 .project-title{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 0.5rem 0;line-height:1.3}.project-card-v2 .project-tagline{color:#475569;font-size:0.95rem;margin:0 0 1rem 0;font-style:italic}.project-card-v2 .project-description-preview{color:#334155;font-size:0.9rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.project-card-v2 .tech-stack{margin-bottom:1.5rem}.project-card-v2 .tech-stack .tech-label{font-size:0.8rem;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:0.75rem}.project-card-v2 .tech-stack .tech-icons{display:flex;flex-wrap:wrap;gap:8px}.project-card-v2 .tech-stack .tech-icons .tech-badge{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:0.8rem;font-weight:500;border:1px solid #e2e8f0}.project-card-v2 .card-footer{padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.project-card-v2 .card-footer .project-date{font-size:0.8rem;font-weight:500;color:#64748b}.project-card-v2 .card-footer .project-link{background:#2563eb;color:white;text-decoration:none;padding:0.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:0.9rem;transition:background-color 0.2s ease}.project-card-v2 .card-footer .project-link:hover{background:#1d4ed8}.project-filters-redesign{margin-bottom:2.5rem;padding:1.5rem;background:#ffffff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.project-filters-redesign .filters-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center}.project-filters-redesign .filter-button{background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0;padding:0.6rem 1.2rem;border-radius:20px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.project-filters-redesign .filter-button:hover{background-color:#e2e8f0;border-color:#cbd5e1}.project-filters-redesign .filter-button.active{background-color:#2563eb;color:white;border-color:#2563eb;box-shadow:0 4px 10px rgba(37,99,235,0.2)}