*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#2c3e50;line-height:1.7}.container-article{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);display:grid;grid-template-columns:1fr 350px;margin:0 auto;max-width:1200px;min-height:100vh}.main-content{background:#fff}.sidebar{background:#f8f9fa;border-left:1px solid #e9ecef;padding:30px 25px}.article-header{background:#fff;border-bottom:1px solid #e9ecef;color:#2c3e50;grid-column:1/-1;padding:60px 40px;position:relative;text-align:center}.article-header h1{color:#2c3e50;font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:25px;position:relative;z-index:2}.article-header h1:after{background:#3498db;border-radius:2px;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.article-meta{color:#666;font-size:1rem;font-weight:500;margin-bottom:30px;opacity:.8;position:relative;z-index:2}.article-stats{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);color:#2c3e50;font-size:1.2rem;font-weight:600;line-height:1.4;margin-left:auto;margin-right:auto;margin-top:30px;max-width:1000px;padding:35px 40px;position:relative;text-align:justify;z-index:2}.table-of-contents{background:#ecf0f1;border-left:5px solid #3498db;border-radius:15px;margin:40px;padding:30px}.table-of-contents h2{color:#2c3e50;font-size:1.4rem;margin-bottom:20px}.table-of-contents ul{list-style:none}.table-of-contents li{margin-bottom:0}.table-of-contents a{color:#3498db;display:block;font-weight:500;padding:2px 0;text-decoration:none;transition:all .3s ease}.table-of-contents a:hover{color:#2980b9;padding-left:15px}.article-content{padding:0 40px 40px}.intro-section{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:5px solid #3498db;border-radius:15px;margin:40px 0;padding:30px}.statistic-highlight{background:#fff3cd;border:2px solid #ffeaa7;border-radius:12px;font-size:1.1rem;font-weight:600;margin:25px 0;padding:20px;text-align:center}.section{margin:50px 0}.section h2{border-bottom:3px solid #3498db;color:#2c3e50;font-size:1.8rem;margin-bottom:25px;padding-bottom:10px}.section h3{color:#34495e;font-size:1.4rem;margin:30px 0 20px}.section p{font-size:1.1rem;margin-bottom:20px}.custom-list{list-style:none;margin:20px 0}.custom-list li{margin-bottom:15px;padding-left:30px;position:relative}.custom-list li:before{color:#27ae60;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.tip-box{background:#d5f4e6;border:2px solid #27ae60;border-radius:12px;margin:30px 0;padding:25px;position:relative}.tip-box:before{background:#fff;border-radius:50%;content:"💡";font-size:1.5rem;left:20px;padding:5px 10px;position:absolute;top:-30px}.tip-box h4{color:#27ae60;font-size:1.3rem;margin-bottom:15px}.warning-box{background:#fef9e7;border:2px solid #f39c12;border-radius:12px;margin:30px 0;padding:25px;position:relative}.warning-box:before{background:#fff;border-radius:50%;content:"⚠️";font-size:1.5rem;left:20px;padding:5px 10px;position:absolute;top:-30px}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin:50px 0;padding:40px;text-align:center}.cta-section h3{font-size:1.6rem;margin-bottom:20px}.cta-button{background:#fff;border:none;border-radius:50px;color:#667eea;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;margin-top:20px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 25px rgba(0,0,0,.2);transform:translateY(-2px)}.article-image{border-radius:15px;box-shadow:0 8px 30px rgba(0,0,0,.12);height:300px;margin:30px 0;object-fit:cover;width:100%}.article-footer{background:#2c3e50;color:#fff;padding:40px;text-align:center}.author-section{background:hsla(0,0%,100%,.1);border-radius:15px;margin-bottom:30px;padding:30px}.social-share{margin-top:20px}.social-share a{color:#fff;font-size:1.5rem;margin:0 10px;text-decoration:none;transition:all .3s ease}.social-share a:hover{transform:scale(1.2)}.sidebar-block{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:30px;padding:25px}.sidebar-block h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.sidebar-block h4{color:#34495e;font-size:1.1rem;margin-bottom:15px}.sidebar-block p{font-size:.95rem;line-height:1.6;margin-bottom:15px}.sidebar-block ul{list-style:none;padding:0}.sidebar-block li{border-bottom:1px solid #ecf0f1;font-size:.95rem;padding:10px 0}.sidebar-block li:last-child{border-bottom:none}.sidebar-block a{color:#3498db;text-decoration:none;transition:color .3s ease}.sidebar-block a:hover{color:#2980b9;text-decoration:underline}.cta-sidebar{background:linear-gradient(135deg,#3498db,#2c3e50);color:#fff;text-align:center}.cta-sidebar h3{border-bottom:2px solid hsla(0,0%,100%,.3);color:#fff}.cta-sidebar p{color:hsla(0,0%,100%,.9)}.sidebar-button{background:#fff;border:none;border-radius:25px;color:#3498db;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;margin-top:15px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.sidebar-button:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-2px)}.contact-form{background:rgba(248,249,250,.8);border-radius:8px;margin-top:15px;padding:20px}.cta-sidebar .contact-form{background:hsla(0,0%,100%,.1)}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:6px;font-size:.9rem;margin-bottom:15px;padding:10px;width:100%}.contact-form button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 10px;width:100%}.cta-sidebar .contact-form button{background:#fff;color:#3498db}.price-tag{background:#e74c3c;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:10px;padding:5px 12px}.feature-list{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.feature-list li{border-bottom:none;margin-bottom:2px;padding-left:25px;position:relative}.feature-list li:before{color:#27ae60;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:968px){.container-article{grid-template-columns:1fr;max-width:800px}.article-header{grid-column:1}.sidebar{border-left:none;border-top:1px solid #e9ecef;padding:30px 20px}}@media (max-width:768px){.container-article{grid-template-columns:1fr;margin:0}.sidebar{padding:20px}.sidebar-block{margin-bottom:20px;padding:20px}.article-content,.article-footer,.article-header{padding:30px 20px}.table-of-contents{margin:20px;padding:20px}.article-header h1{font-size:2rem}.section h2{font-size:1.5rem}}