.elementor-411 .elementor-element.elementor-element-d686469{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-411 .elementor-element.elementor-element-f1f90f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#4F8EF74D;border-radius:100px 100px 100px 100px;}.elementor-411 .elementor-element.elementor-element-f1f90f9{color:#4F8EF7;font-size:0.9rem;text-transform:uppercase;}.elementor-411 .elementor-element.elementor-element-4a0287c .elementor-heading-title{font-size:35.84px;color:#F0F4FF;}.elementor-411 .elementor-element.elementor-element-ac6b7d0{text-align:center;color:#9AAAC7;}@media(max-width:1024px){.elementor-411 .elementor-element.elementor-element-4a0287c{text-align:center;}}@media(max-width:767px){.elementor-411 .elementor-element.elementor-element-f1f90f9{font-size:0.75rem;}.elementor-411 .elementor-element.elementor-element-4a0287c .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-35ba9ce *//* Core Base Layout Layout Elements */
        .wennio-blog-wrapper {
          background-color: #06080f; /* Core Dark Background */
          color: #f0f4ff;
          font-family: 'Inter', system-ui, sans-serif;
          padding: 80px 20px;
          line-height: 1.6;
        }
      
        .blog-container {
          max-width: 1200px;
          margin: 0 auto;
        }
      
        /* Header Section Styles */
        .blog-hero {
          text-align: center;
          margin-bottom: 60px;
        }
      
        .blog-badge {
          display: inline-block;
          background: rgba(79, 142, 247, 0.1);
          border: 1px solid rgba(79, 142, 247, 0.35);
          color: #4f8ef7; /* Electric Blue Accent */
          font-family: 'Space Grotesk', sans-serif;
          font-size: 11px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 1.5px;
          padding: 6px 16px;
          border-radius: 100px;
          margin-bottom: 20px;
        }
      
        .blog-hero h1 {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 44px;
          font-weight: 700;
          margin: 0 0 16px 0;
          background: linear-gradient(135deg, #ffffff 0%, #9aaac7 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
      
        .blog-lead {
          color: #9aaac7;
          font-size: 17px;
          max-width: 760px;
          margin: 0 auto;
        }
      
        /* Tags Formatting Engine */
        .category-tag {
          display: inline-block;
          font-family: 'Space Grotesk', sans-serif;
          font-size: 11px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.5px;
          padding: 4px 12px;
          border-radius: 4px;
          margin-bottom: 16px;
        }
        .tag-purple { background: rgba(124, 58, 237, 0.15); color: #7c3aed; }
        .tag-blue { background: rgba(79, 142, 247, 0.15); color: #4f8ef7; }
        .tag-green { background: rgba(16, 185, 129, 0.15); color: #10b981; }
      
        /* Premium Featured Post Structure */
        .featured-post-card {
          background-color: #0d1120;
          border: 1px solid #1e2d4a;
          border-radius: 16px;
          padding: 48px;
          margin-bottom: 48px;
          box-shadow: 0 10px 40px rgba(0,0,0,0.3);
          position: relative;
          overflow: hidden;
        }
        .featured-post-card::before {
          content: '';
          position: absolute;
          top: 0; right: 0; width: 300px; height: 300px;
          background: radial-gradient(circle, rgba(124,58,237,0.08) 0%, transparent 70%);
          pointer-events: none;
        }
        .featured-content h2 {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 32px;
          color: #ffffff;
          margin: 0 0 14px 0;
        }
        .featured-content p {
          color: #9aaac7;
          font-size: 16px;
          max-width: 800px;
          margin: 0 0 24px 0;
        }
      
        /* Meta Subtitles */
        .post-meta {
          display: flex;
          align-items: center;
          gap: 8px;
          color: #5a6a8a;
          font-size: 13px;
          font-weight: 600;
          margin-bottom: 24px;
        }
        .meta-divider { color: #1e2d4a; }
      
        .read-btn {
          display: inline-block;
          background: #1e2d4a;
          border: 1px solid #2a3c5d;
          color: #ffffff !important;
          text-decoration: none !important;
          font-weight: 600;
          font-size: 14px;
          padding: 10px 24px;
          border-radius: 6px;
          transition: all 0.2s ease;
        }
        .read-btn:hover {
          background: #4f8ef7;
          border-color: #4f8ef7;
        }
      
        /* Standard Grid Architecture */
        .blog-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
          gap: 30px;
        }
      
        .post-card {
          background-color: #0d1120;
          border: 1px solid #1e2d4a;
          border-radius: 14px;
          transition: all 0.25s ease-in-out;
          cursor: pointer;
        }
        .card-inner {
          padding: 32px;
        }
        .post-card h3 {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 20px;
          color: #ffffff;
          margin: 0 0 12px 0;
          transition: color 0.2s ease;
        }
        .post-card p {
          color: #9aaac7;
          font-size: 14px;
          margin: 0 0 24px 0;
        }
        .post-card .post-meta {
          margin-bottom: 0;
        }
      
        /* Grid Hover Interactivities */
        .post-card:hover {
          transform: translateY(-4px);
          border-color: #4f8ef7;
          box-shadow: 0 12px 30px rgba(79, 142, 247, 0.1);
        }
        .post-card:hover h3 {
          color: #4f8ef7;
        }
      
        /* Tablet & Mobile Media Breakpoints */
        @media (max-width: 768px) {
          .wennio-blog-wrapper { padding: 50px 15px; }
          .blog-hero h1 { font-size: 32px; }
          .featured-post-card { padding: 30px; }
          .featured-content h2 { font-size: 24px; }
          .blog-grid { grid-template-columns: 1fr; }
        }/* End custom CSS */