.article .mesh{position:absolute;z-index:-111;left:60%;top:10%}.article-hero{margin-top:var(--element-spacing);display:flex;justify-content:center;align-items:center;position:relative;text-align:center;padding:var(--section-spacing) 0}.article-header{max-width:900px;margin:0 auto}.article-meta{display:flex;justify-content:center;align-items:center;gap:var(--text-spacing);margin-bottom:var(--element-spacing);flex-wrap:wrap}.article-category{background:linear-gradient(135deg,var(--blue),var(--red));color:var(--white);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.article-date{color:var(--gray2);font-size:.9rem;font-weight:500}.article-read-time{background:#29a9e01a;color:var(--blue);padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.article-title{font-size:3rem;font-weight:700;margin-bottom:var(--element-spacing);line-height:1.2;color:var(--white)}.article-description{font-size:1.25rem;line-height:1.6;color:var(--gray2);margin-bottom:var(--element-spacing)}.article-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.article-tags .tag{background:#ffffff1a;color:var(--white);padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.article-content{max-width:1200px;margin:10px auto;padding:var(--section-spacing) 0;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:var(--content-spacing)}.mistake-item{margin-bottom:var(--section-inner-spacing);padding:var(--content-spacing);transition:all .3s ease}.mistake-item:hover{background:#ffffff0d;border-color:#29a9e033}.mistake-number{color:var(--red);font-weight:700;font-size:1.2em}.mistake-title{font-size:1.5rem;font-weight:600;color:var(--white);margin-bottom:var(--text-spacing);line-height:1.3}.mistake-description{font-size:1rem;line-height:1.6;color:var(--gray2);margin-bottom:var(--element-spacing)}.fix-section{background:#29a9e01a;padding:var(--text-spacing);border-radius:8px;border-left:4px solid var(--blue)}.fix-title{font-size:1.1rem;font-weight:600;color:var(--blue);margin-bottom:var(--text-spacing)}.fix-list{list-style:none;padding:0;margin:0}.fix-list li{position:relative;padding-left:25px;margin-bottom:8px;color:var(--white);line-height:1.5}.fix-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--blue);font-weight:700;font-size:1.1rem}.conclusion-section{background:#29a9e01a;padding:var(--content-spacing);border-radius:8px;border:1px solid rgba(41,169,224,.2);margin-top:var(--section-inner-spacing);text-align:left}.conclusion-title{font-size:2rem;font-weight:700;color:var(--white);margin-bottom:var(--element-spacing)}.conclusion-text{font-size:1.1rem;line-height:1.6;color:var(--gray2);margin-bottom:var(--text-spacing)}.conclusion-text:last-of-type{margin-bottom:var(--element-spacing)}.company-link{color:var(--blue);text-decoration:none;font-weight:600;transition:all .3s ease}.company-link:hover{color:var(--white);text-decoration:underline}.cta-section{min-height:fit-content;margin:50px 0}.primary-btn{display:inline-block;padding:12px 20px;color:var(--white);text-decoration:none;outline:none!important;transition:all .5s ease;border:2px solid var(--white);font-size:16px}.primary-btn:hover{background-color:var(--red);transform:scale(1.05);border:none;color:var(--white)}.article-content h2{font-size:1.8rem;font-weight:600;color:var(--white);margin:var(--section-inner-spacing) 0 var(--element-spacing) 0;line-height:1.3}.article-content h3{font-size:1.4rem;font-weight:600;color:var(--blue);margin:var(--element-spacing) 0 var(--text-spacing) 0;line-height:1.3}.article-content p{font-size:1rem;line-height:1.6;color:var(--gray2);margin-bottom:var(--text-spacing)}.article-content ul{margin:var(--text-spacing) 0;padding-left:var(--element-spacing)}.article-content li{color:var(--white);margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.article-content{padding:0!important}.article-title{font-size:2.2rem}.article-description{font-size:1.1rem}.article-meta{flex-direction:column;gap:8px}.mistake-item{padding:var(--text-spacing)}.mistake-title{font-size:1.3rem}.conclusion-title{font-size:1.6rem}.conclusion-section{padding:var(--text-spacing)}}@media (max-width: 480px){.article-title{font-size:1.8rem}.mistake-item{padding:var(--text-spacing)}.mistake-title{font-size:1.2rem}.fix-section{padding:var(--text-spacing)}}
