.blog-container{max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:40px 20px}.blog-container .blog-header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-bottom:60px;padding:40px 20px}.blog-container .blog-header .back-to-home-btn{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-flex}.blog-container .blog-header .back-to-home-btn:hover{background:#ffffff4d;transform:translate(-5px)}.blog-container .blog-header h1{margin-bottom:15px;font-size:2.8rem;font-weight:700}.blog-container .blog-header p{opacity:.95;font-size:1.2rem}.blog-container .blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:60px;display:grid}.blog-container .blog-grid .blog-card{cursor:pointer;background:#fff;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #0000001a}.blog-container .blog-grid .blog-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px #00000026}.blog-container .blog-grid .blog-card .blog-card-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:200px;display:flex;position:relative}.blog-container .blog-grid .blog-card .blog-card-image .blog-category{color:#667eea;background:#fff;border-radius:20px;padding:6px 15px;font-size:.85rem;font-weight:600;position:absolute;top:15px;right:15px}.blog-container .blog-grid .blog-card .blog-card-content{padding:25px}.blog-container .blog-grid .blog-card .blog-card-content h2{color:#2d3748;margin-bottom:15px;font-size:1.5rem;line-height:1.4}.blog-container .blog-grid .blog-card .blog-card-content .blog-excerpt{color:#718096;margin-bottom:20px;font-size:.95rem;line-height:1.6}.blog-container .blog-grid .blog-card .blog-card-content .blog-meta{color:#a0aec0;gap:20px;margin-bottom:20px;font-size:.85rem;display:flex}.blog-container .blog-grid .blog-card .blog-card-content .blog-meta .meta-item{align-items:center;gap:6px;display:flex}.blog-container .blog-grid .blog-card .blog-card-content .blog-meta .meta-item svg{font-size:.9rem}.blog-container .blog-grid .blog-card .blog-card-content .read-more-btn{color:#667eea;align-items:center;gap:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.blog-container .blog-grid .blog-card .blog-card-content .read-more-btn:hover{color:#764ba2;gap:12px}.blog-container .blog-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:20px;padding:60px 30px}.blog-container .blog-cta h2{margin-bottom:15px;font-size:2.2rem;font-weight:700}.blog-container .blog-cta p{opacity:.95;margin-bottom:30px;font-size:1.1rem}.blog-container .blog-cta .cta-button{color:#f5576c;background:#fff;border-radius:30px;padding:15px 35px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #0003}.blog-container .blog-cta .cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.blog-article-container{max-width:900px;min-height:calc(100vh - 200px);margin:0 auto;padding:40px 20px}.blog-article-container .article-header{border-bottom:2px solid #e2e8f0;margin-bottom:50px;padding-bottom:30px}.blog-article-container .article-header .back-to-blog-btn{color:#667eea;background:#f7fafc;border-radius:20px;align-items:center;gap:8px;margin-bottom:25px;padding:8px 16px;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-flex}.blog-article-container .article-header .back-to-blog-btn:hover{background:#edf2f7;transform:translate(-5px)}.blog-article-container .article-header .article-meta{color:#718096;flex-wrap:wrap;gap:20px;margin-bottom:20px;font-size:.9rem;display:flex}.blog-article-container .article-header .article-meta .meta-item{align-items:center;gap:6px;display:flex}.blog-article-container .article-header .article-meta .meta-item svg{color:#667eea}.blog-article-container .article-header h1{color:#2d3748;margin-bottom:15px;font-size:2.5rem;font-weight:700;line-height:1.3}.blog-article-container .article-header .article-subtitle{color:#4a5568;font-size:1.2rem;line-height:1.6}.blog-article-container .article-content section{margin-bottom:50px}.blog-article-container .article-content section h2{color:#2d3748;border-bottom:3px solid #667eea;margin-bottom:20px;padding-bottom:10px;font-size:2rem;font-weight:700}.blog-article-container .article-content section h3{color:#2d3748;align-items:center;gap:10px;margin-top:25px;margin-bottom:15px;font-size:1.5rem;font-weight:600;display:flex}.blog-article-container .article-content section h3 svg{color:#667eea;font-size:1.3rem}.blog-article-container .article-content section h4{color:#4a5568;margin-bottom:10px;font-size:1.2rem;font-weight:600}.blog-article-container .article-content section p{color:#4a5568;margin-bottom:20px;font-size:1.05rem;line-height:1.8}.blog-article-container .article-content section ul,.blog-article-container .article-content section ol{margin-bottom:20px;margin-left:25px}.blog-article-container .article-content section ul li,.blog-article-container .article-content section ol li{color:#4a5568;margin-bottom:10px;font-size:1.05rem;line-height:1.8}.blog-article-container .article-content section ul li strong,.blog-article-container .article-content section ol li strong{color:#2d3748;font-weight:600}.blog-article-container .article-content .info-box{background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;margin-bottom:25px;padding:25px}.blog-article-container .article-content .info-box h3{color:#667eea;margin-top:0;margin-bottom:15px}.blog-article-container .article-content .info-box ul{margin-bottom:0;margin-left:20px}.blog-article-container .article-content .step-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:25px;transition:all .3s}.blog-article-container .article-content .step-card:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.blog-article-container .article-content .step-card h3{color:#667eea;margin-top:0;margin-bottom:12px}.blog-article-container .article-content .step-card p{margin-bottom:0}.blog-article-container .article-content .warning-box{background:#fff5f5;border-left:4px solid #f56565;border-radius:8px;margin-bottom:25px;padding:25px}.blog-article-container .article-content .warning-box ul{margin-bottom:0}.blog-article-container .article-content .tips-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:25px;display:grid}.blog-article-container .article-content .tips-grid .tip-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s}.blog-article-container .article-content .tips-grid .tip-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 4px 15px #667eea1a}.blog-article-container .article-content .tips-grid .tip-card h4{color:#667eea;margin-bottom:10px;font-size:1.1rem}.blog-article-container .article-content .tips-grid .tip-card p{margin-bottom:0;font-size:.95rem}.blog-article-container .article-content .benefits-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:25px;display:grid}.blog-article-container .article-content .benefits-grid .benefit-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s}.blog-article-container .article-content .benefits-grid .benefit-card:hover{border-color:#48bb78;transform:translateY(-5px);box-shadow:0 4px 15px #48bb781a}.blog-article-container .article-content .benefits-grid .benefit-card .benefit-icon{color:#48bb78;margin-bottom:12px;font-size:2rem}.blog-article-container .article-content .benefits-grid .benefit-card h4{color:#2d3748;margin-bottom:8px;font-size:1.05rem}.blog-article-container .article-content .benefits-grid .benefit-card p{color:#718096;margin-bottom:0;font-size:.9rem}.blog-article-container .article-content .format-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:25px}.blog-article-container .article-content .format-card h3{color:#667eea;align-items:center;gap:10px;margin-top:0;margin-bottom:15px;display:flex}.blog-article-container .article-content .format-card h3 svg{color:#fbbf24}.blog-article-container .article-content .format-card p strong{color:#667eea}.blog-article-container .article-content .info-section{margin-bottom:30px}.blog-article-container .article-content .info-section h3{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:15px;padding:12px 20px}.blog-article-container .article-content .do-dont{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.blog-article-container .article-content .do-dont .do-section,.blog-article-container .article-content .do-dont .dont-section{border-radius:12px;padding:20px}.blog-article-container .article-content .do-dont .do-section h4,.blog-article-container .article-content .do-dont .dont-section h4{align-items:center;gap:8px;margin-bottom:15px;font-size:1.1rem;display:flex}.blog-article-container .article-content .do-dont .do-section ul,.blog-article-container .article-content .do-dont .dont-section ul{margin-bottom:0;margin-left:20px}.blog-article-container .article-content .do-dont .do-section{background:#f0fdf4;border:2px solid #86efac}.blog-article-container .article-content .do-dont .do-section h4,.blog-article-container .article-content .do-dont .do-section h4 svg{color:#16a34a}.blog-article-container .article-content .do-dont .dont-section{background:#fef2f2;border:2px solid #fca5a5}.blog-article-container .article-content .do-dont .dont-section h4,.blog-article-container .article-content .do-dont .dont-section h4 svg{color:#dc2626}.blog-article-container .article-content .tip-detailed{background:#fff;border-radius:15px;margin-bottom:40px;padding:30px;box-shadow:0 2px 10px #0000000d}.blog-article-container .article-content .tip-detailed h3{color:#667eea;border-bottom:2px solid #e2e8f0;margin-bottom:15px;padding-bottom:10px;font-size:1.6rem}.blog-article-container .article-content .mistakes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:25px;display:grid}.blog-article-container .article-content .mistakes-grid .mistake-card{background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;padding:20px}.blog-article-container .article-content .mistakes-grid .mistake-card h4{color:#dc2626;align-items:center;gap:8px;margin-bottom:10px;font-size:1.05rem;display:flex}.blog-article-container .article-content .mistakes-grid .mistake-card h4 svg{font-size:1.1rem}.blog-article-container .article-content .mistakes-grid .mistake-card p{color:#991b1b;margin-bottom:0;font-size:.95rem}.blog-article-container .article-content .structure-flow{flex-direction:column;gap:15px;margin-top:25px;display:flex}.blog-article-container .article-content .structure-flow .structure-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex}.blog-article-container .article-content .structure-flow .structure-item:hover{border-color:#667eea;transform:translate(10px)}.blog-article-container .article-content .structure-flow .structure-item .structure-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex}.blog-article-container .article-content .structure-flow .structure-item h4{color:#2d3748;margin-bottom:5px}.blog-article-container .article-content .structure-flow .structure-item p{color:#718096;margin-bottom:0;font-size:.95rem}.blog-article-container .article-content .guidelines-box{background:#f7fafc;border-radius:12px;margin-top:25px;padding:30px}.blog-article-container .article-content .guidelines-box h3{color:#667eea;margin-top:25px;margin-bottom:15px}.blog-article-container .article-content .guidelines-box h3:first-child{margin-top:0}.blog-article-container .article-content .guidelines-box ul{margin-left:20px}.blog-article-container .article-content .comparison-box{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:25px;display:grid}.blog-article-container .article-content .comparison-box .comparison-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:25px}.blog-article-container .article-content .comparison-box .comparison-item h4{color:#667eea;border-bottom:2px solid #e2e8f0;margin-bottom:15px;padding-bottom:10px}.blog-article-container .article-content .comparison-box .comparison-item ul{margin-bottom:0;margin-left:20px}.blog-article-container .article-content .checklist,.blog-article-container .article-content .final-checklist{background:#f7fafc;border-radius:12px;margin-top:25px;padding:25px}.blog-article-container .article-content .checklist label,.blog-article-container .article-content .final-checklist label{cursor:pointer;color:#4a5568;background:#fff;border-radius:8px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;font-size:1rem;transition:all .3s;display:flex}.blog-article-container .article-content .checklist label:hover,.blog-article-container .article-content .final-checklist label:hover{background:#edf2f7;transform:translate(5px)}.blog-article-container .article-content .checklist label input[type=checkbox],.blog-article-container .article-content .final-checklist label input[type=checkbox]{cursor:pointer;width:20px;height:20px}.blog-article-container .article-content .article-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-top:60px;padding:50px 30px}.blog-article-container .article-content .article-cta h3{color:#fff;border:none;margin-bottom:15px;padding:0;font-size:2rem}.blog-article-container .article-content .article-cta p{color:#fff;opacity:.95;margin-bottom:25px;font-size:1.1rem}.blog-article-container .article-content .article-cta .cta-button{color:#667eea;background:#fff;border-radius:30px;padding:15px 35px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #0003}.blog-article-container .article-content .article-cta .cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.blog-article-container .article-content .related-articles{border-top:2px solid #e2e8f0;margin-top:60px;padding-top:40px}.blog-article-container .article-content .related-articles h3{color:#2d3748;margin-bottom:20px;font-size:1.8rem}.blog-article-container .article-content .related-articles .related-links{flex-direction:column;gap:15px;display:flex}.blog-article-container .article-content .related-articles .related-links a{color:#667eea;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.blog-article-container .article-content .related-articles .related-links a:hover{border-color:#667eea;transform:translate(10px);box-shadow:0 4px 15px #667eea1a}@media (max-width:768px){.blog-container{padding:20px 15px}.blog-container .blog-header{padding:30px 15px}.blog-container .blog-header h1{font-size:2rem}.blog-container .blog-header p{font-size:1rem}.blog-container .blog-grid{grid-template-columns:1fr;gap:20px}.blog-container .blog-cta{padding:40px 20px}.blog-container .blog-cta h2{font-size:1.8rem}.blog-container .blog-cta p{font-size:1rem}.blog-article-container{padding:20px 15px}.blog-article-container .article-header h1{font-size:1.8rem}.blog-article-container .article-header .article-subtitle{font-size:1rem}.blog-article-container .article-content section h2{font-size:1.6rem}.blog-article-container .article-content section h3{font-size:1.3rem}.blog-article-container .article-content section p,.blog-article-container .article-content section ul li,.blog-article-container .article-content section ol li{font-size:1rem}.blog-article-container .article-content .tips-grid,.blog-article-container .article-content .benefits-grid,.blog-article-container .article-content .mistakes-grid,.blog-article-container .article-content .do-dont,.blog-article-container .article-content .comparison-box{grid-template-columns:1fr}.blog-article-container .article-content .structure-flow .structure-item{text-align:center;flex-direction:column}.blog-article-container .article-content .structure-flow .structure-item:hover{transform:translateY(-5px)}}@media (max-width:480px){.blog-container .blog-header h1{font-size:1.6rem}.blog-article-container .article-header h1{font-size:1.5rem}.blog-article-container .article-content .article-cta{padding:30px 20px}.blog-article-container .article-content .article-cta h3{font-size:1.5rem}}