.main-article-container{width:100%;max-width:1000px;margin:1rem auto;padding:0 1rem;font-family:Nunito,sans-serif;color:#333}.main-article{background-color:#fff;border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.1);overflow:hidden;padding:2rem}.article-title{font-size:2.5rem;color:#ff6b6b;text-align:center;margin-bottom:1.5rem;font-weight:800;position:relative}.article-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,#ff6b6b,#ffb86c);margin:.8rem auto 0;border-radius:2px}.article-intro{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;text-align:center}.article-intro p{margin-bottom:1.5rem}.article-image-container{max-width:600px;margin:2rem auto;box-shadow:0 5px 15px rgba(0,0,0,.2);border-radius:.5rem;overflow:hidden}.article-image{width:100%;height:auto;display:block;transition:transform .3s ease}.article-image:hover{transform:scale(1.02)}.image-caption{background-color:#f8f9fa;padding:.75rem;text-align:center;font-size:.9rem;color:#666;border-top:1px solid #eee}.article-section{margin-bottom:3rem}.article-section h2{font-size:1.8rem;color:#3b82f6;margin-bottom:1.2rem;position:relative;padding-left:1rem;font-weight:700;width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.article-section h2:before{content:"";position:absolute;left:0;top:.5rem;width:4px;height:1.5rem;background-color:#ff6b6b;border-radius:2px}.article-section p{margin-bottom:1rem;line-height:1.6;width:100%;box-sizing:border-box}.article-section ol,.article-section ul{margin-left:1.5rem;margin-bottom:1.5rem}.article-section li{margin-bottom:.8rem;line-height:1.6}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem}.feature-card{background-color:#f8f9fa;border-radius:.8rem;padding:1.25rem;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid #ff6b6b;height:100%;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.feature-card h3{font-size:1.3rem;color:#333;margin-bottom:.7rem}.feature-card p{font-size:.95rem;color:#666;margin-bottom:1rem;flex-grow:1}.feature-link{display:inline-block;color:#3b82f6;font-weight:600;text-decoration:none;font-size:.95rem;transition:color .2s ease}.feature-link:hover{color:#2563eb;text-decoration:underline}.faq-accordion{margin-top:1.5rem}.faq-item{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.faq-question{width:100%;text-align:left;background-color:#f8f9fa;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;color:#333;border:none;cursor:pointer;position:relative;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.faq-question.active,.faq-question:hover{background-color:#eef2ff}.faq-question.active{color:#4f46e5;border-bottom:1px solid #e5e7eb}.faq-icon{font-size:1.25rem;color:#6b7280;transition:transform .3s ease}.faq-question.active .faq-icon{color:#4f46e5}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background-color:#fff}.faq-answer.open{max-height:500px;padding:1rem 1.25rem}.faq-answer p{margin:0;color:#4b5563}.article-cta{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2.5rem;border-radius:1rem;text-align:center;margin-top:3rem}.article-cta h2{color:#333;margin-bottom:1rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.cta-button{display:inline-block;padding:.8rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-button.primary{background-color:#ff6b6b;color:white}.cta-button.primary:hover{background-color:#ff5252;transform:translateY(-3px);box-shadow:0 5px 10px rgba(255,107,107,.4)}.cta-button.secondary{background-color:#3b82f6;color:white}.cta-button.secondary:hover{background-color:#2563eb;transform:translateY(-3px);box-shadow:0 5px 10px rgba(59,130,246,.4)}.benefits-grid,.howto-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem}.benefits-card,.howto-card{background-color:#f8f9fa;border-radius:.8rem;padding:1.25rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border-left:4px solid #3b82f6}.benefits-card h3,.howto-card h3{font-size:1.2rem;color:#333;margin-bottom:.7rem}.benefits-card ul,.howto-card ol{margin-left:1.25rem;margin-bottom:0}.benefits-card li,.howto-card li{margin-bottom:.5rem;font-size:.95rem}@media (max-width:768px){.main-article-container{padding:0 10px;margin:.5rem auto}.main-article{padding:1.5rem}.article-title{font-size:2rem}.article-intro{font-size:1.1rem}.article-section h2{font-size:1.5rem}.benefits-grid,.feature-cards,.howto-grid{grid-template-columns:1fr;gap:1rem}.article-cta{padding:1.5rem}}@media (max-width:480px){.main-article-container{padding:0 5px;width:100%;box-sizing:border-box}.main-article{padding:1rem;border-radius:.75rem;width:100%;box-sizing:border-box}.article-title{font-size:1.75rem}.article-section h2{font-size:1.4rem;padding-left:.75rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box;clear:both}.article-image-container{margin:1.5rem auto}.article-cta{padding:1.25rem}.cta-buttons{flex-direction:column;gap:.75rem}.feature-cards{grid-template-columns:1fr;gap:1rem;margin-top:1rem;clear:both}.feature-card,.feature-cards{width:100%;box-sizing:border-box}.feature-card{padding:1rem}.feature-card p,.feature-link{font-size:.9rem}.benefits-card,.howto-card{width:100%;box-sizing:border-box;padding:1rem}.article-section{width:100%;box-sizing:border-box;padding:0 5px}.article-section ol,.article-section p,.article-section ul{width:100%;box-sizing:border-box;padding-right:5px}.faq-question{font-size:1rem}.faq-answer.open,.faq-question{padding:.8rem 1rem}}.mt-3{margin-top:1rem}