*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.8;color:#333;background:#f9f9f9;padding:20px;margin:0 auto;width:100%}.main-container{max-width:1200px;margin:0 auto;width:100%}h1{font-size:2.2rem;color:#2c3e50;margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid #3498db;text-align:center}h2{font-size:1.8rem;color:#2980b9;margin:30px 0 15px;padding-bottom:10px;border-bottom:2px solid #eee}h3{font-size:1.4rem;color:#34495e;margin:20px 0 10px}p{margin-bottom:15px;text-align:justify;font-size:1.1rem}.toc{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:10px;padding:20px;margin:25px 0;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.toc h2{text-align:center;color:#2c3e50;margin-top:0}.toc a{display:block;padding:10px 15px;margin:8px 0;background:#fff;border-radius:5px;text-decoration:none;color:#2980b9;transition:all .3s ease;border-right:4px solid #3498db}.toc a:hover{background:#3498db;color:#fff;transform:translateX(-5px)}.content-section{background:#fff;border-radius:10px;padding:25px;margin:25px 0;box-shadow:0 2px 10px rgba(0,0,0,.05);opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.content-section.visible{opacity:1;transform:translateY(0)}blockquote{background:linear-gradient(to right,#e3f2fd,#f0f8ff);border-right:5px solid #3498db;padding:20px;margin:20px 0;border-radius:5px;font-style:italic;position:relative;animation:pulse 2s infinite}blockquote:before{content:'\201C';font-size:4rem;color:#3498db;position:absolute;top:-10px;right:10px;opacity:.3}.article-table-container{width:100%;overflow-x:auto;margin:20px 0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);animation:fadeIn 1s ease}.article-table-container table{width:100%;border-collapse:collapse;min-width:600px}.article-table-container th,.article-table-container td{padding:12px 15px !important;text-align:right;border-bottom:1px solid #ddd;white-space:nowrap}.article-table-container th{background:#3498db;color:#fff;font-weight:700;position:sticky;left:0}.article-table-container tr:nth-child(even){background:#e3f2fd}.article-table-container tr:hover{background:#f8f9fa;transition:background-color .3s ease}@media (max-width:768px){.article-table-container{position:relative;overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px;background:linear-gradient(to right,transparent 95%,rgba(52,152,219,.1))}.article-table-container:before{content:"برای دیدن تمام ستون‌ها اسکرول کنید →";position:sticky;right:0;top:0;background:#3498db;color:#fff;padding:8px 12px;font-size:.75rem;text-align:center;z-index:10;border-bottom:1px solid #2980b9}.article-table-container table{min-width:700px}.article-table-container th{background:#2980b9;position:relative;z-index:2}.article-table-container th:first-child,.article-table-container td:first-child{position:sticky;right:0;background:#3498db;color:#fff;border-right:2px solid #fff}.article-table-container td:first-child{background:#e3f2fd;color:#2c3e50;font-weight:700}}.table-container:not(.article-table-container),table:not(.article-table){all:revert !important;width:100%!important;border-collapse:collapse!important}table:not(.article-table) th,table:not(.article-table) td{padding:8px!important;border:1px solid #ddd!important;text-align:right!important;white-space:normal!important}.info-box,.example-box{border-radius:12px;padding:30px;margin:25px 0;border:none;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.8),inset 0 1px 0 rgba(255,255,255,.8);width:100%;animation:slideInFromLeft .8s ease}.info-box:hover,.example-box:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.9),inset 0 1px 0 rgba(255,255,255,.9)}.info-box:before,.example-box:before{content:"";position:absolute;top:0;right:0;width:8px;height:100%;border-top-right-radius:12px;border-bottom-right-radius:12px}.info-box:after,.example-box:after{content:"";position:absolute;border-radius:50%;z-index:0}.info-box h4,.example-box h4{margin-bottom:20px;display:flex;align-items:center;font-size:1.4em;position:relative;z-index:1;text-shadow:0 1px 1px rgba(255,255,255,.8)}.info-box h4:before,.example-box h4:before{margin-left:15px;font-size:1.6em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.info-box p,.example-box p{line-height:1.8;position:relative;z-index:1;text-shadow:0 1px 1px rgba(255,255,255,.8);font-size:1.1em}.info-box{background:linear-gradient(135deg,#e8f4fc 0%,#d4ebf8 100%);box-shadow:0 4px 15px rgba(41,128,185,.2),0 0 0 1px rgba(41,128,185,.1),inset 0 1px 0 rgba(255,255,255,.8)}.info-box:hover{box-shadow:0 8px 25px rgba(41,128,185,.3),0 0 0 1px rgba(41,128,185,.15),inset 0 1px 0 rgba(255,255,255,.9)}.info-box:before{background:linear-gradient(to bottom,#2980b9,#3498db)}.info-box:after{top:-20%;right:-20%;width:200px;height:200px;background:rgba(52,152,219,.1)}.info-box h4{color:#2980b9}.info-box h4:before{content:"💡"}.info-box p{color:#2c3e50}.example-box{background:linear-gradient(135deg,#f0f8f0 0%,#e6f7e6 100%);box-shadow:0 4px 15px rgba(39,174,96,.2),0 0 0 1px rgba(39,174,96,.1),inset 0 1px 0 rgba(255,255,255,.8)}.example-box:hover{box-shadow:0 8px 25px rgba(39,174,96,.3),0 0 0 1px rgba(39,174,96,.15),inset 0 1px 0 rgba(255,255,255,.9)}.example-box:before{background:linear-gradient(to bottom,#27ae60,#2ecc71)}.example-box:after{top:-30%;right:-30%;width:180px;height:180px;background:rgba(46,204,113,.1)}.example-box h4{color:#27ae60}.example-box h4:before{content:"📝"}.example-box p{color:#2c3e50}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,152,219,.4)}70%{box-shadow:0 0 0 10px rgba(52,152,219,0)}100%{box-shadow:0 0 0 0 rgba(52,152,219,0)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.info-box,.example-box{animation:fadeInUp .5s ease-out}.icon{display:inline-block;margin-left:5px}.icon.bounce{animation:bounce 2s infinite}.chart{background:#fff;border-radius:8px;padding:20px;margin:20px 0;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1);animation:fadeIn 1s ease}.chart-placeholder{height:200px;background:linear-gradient(135deg,#74b9ff 0%,#0984e3 100%);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin:15px 0}ul,ol{margin-right:20px;margin-bottom:15px}li{margin-bottom:8px;opacity:0;transform:translateX(20px);animation:slideInFromRight .5s ease forwards}li:nth-child(1){animation-delay:.1s}li:nth-child(2){animation-delay:.2s}li:nth-child(3){animation-delay:.3s}li:nth-child(4){animation-delay:.4s}li:nth-child(5){animation-delay:.5s}li:nth-child(6){animation-delay:.6s}li:nth-child(7){animation-delay:.7s}li:nth-child(8){animation-delay:.8s}li:nth-child(9){animation-delay:.9s}li:nth-child(10){animation-delay:1s}a{color:#2980b9;text-decoration:none;transition:color .3s}a:hover{color:#1a5276;text-decoration:underline}@media (max-width:768px){body{padding:10px}h1{font-size:1.8rem}h2{font-size:1.5rem}.content-section{padding:15px}}.section-divider{height:2px;background:linear-gradient(to right,transparent,#3498db,transparent);margin:30px 0;animation:expandWidth 1.5s ease-out}@keyframes expandWidth{from{width:0}to{width:100%}}.highlight{background:#fff9c4;padding:2px 5px;border-radius:3px;animation:pulse 2s infinite}.code-block{background:#f9f9f9;padding:20px;border-radius:10px;margin:20px 0;border:1px solid #e0e0e0;overflow-x:auto;white-space:nowrap;text-align:center;animation:fadeIn 1s ease}.code-block-content{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:8px;direction:rtl;min-width:min-content}.code-step{padding:12px 8px;border-radius:8px;min-width:100px;font-size:.9em;font-weight:500;text-align:center;white-space:normal;word-wrap:break-word;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.code-step:nth-child(1){background:#e3f2fd;animation-delay:.1s}.code-step:nth-child(3){background:#e8f5e8;animation-delay:.2s}.code-step:nth-child(5){background:#fff3e0;animation-delay:.3s}.code-step:nth-child(7){background:#fce4ec;animation-delay:.4s}.code-step:nth-child(9){background:#f3e5f5;animation-delay:.5s}.code-step:nth-child(11){background:#e0f2f1;animation-delay:.6s}.code-step:nth-child(13){background:#fff8e1;animation-delay:.7s}.code-step:nth-child(15){background:#e8eaf6;animation-delay:.8s}.code-step:nth-child(17){background:#fbe9e7;animation-delay:.9s}.arrow{font-size:20px;color:#666;flex-shrink:0;animation:float 2s infinite}@media (max-width:768px){.code-block{padding:15px;text-align:right}.code-block-content{flex-wrap:nowrap;justify-content:flex-start;min-width:max-content}.code-step{min-width:90px;padding:10px 6px;font-size:.8em}}.article-header-image2{margin:20px 0 30px;text-align:center;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.1);animation:fadeIn 1.5s ease}.article-header-image2 img{max-width:100%;height:auto;border-radius:12px;display:block;margin:0 auto;width:100%;transition:transform .5s ease}.article-header-image2:hover img{transform:scale(1.02)}.article-header-image .image-caption{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff!important;padding:15px 20px;margin-top:-60px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;font-style:italic;text-align:center!important;font-size:1.1em!important;font-weight:500;animation:slideInFromLeft .8s ease}.article-header-image .image-caption p{color:#fff!important;text-align:center!important;font-size:1.4em!important;margin-bottom:0!important;font-style:italic;font-weight:500}p{font-size:1em!important}.progress-container{position:fixed;top:0;right:0;width:100%;height:5px;background:rgba(255,255,255,.1);z-index:1000}.progress-bar{height:5px;background:linear-gradient(to right,#3498db,#2ecc71);width:0;transition:width .3s ease}@media (max-width:768px){.article-header-image2{margin:15px 0 20px;border-radius:8px}.article-header-image2 img{max-height:300px;border-radius:8px}.article-header-image .image-caption{padding:12px 15px;margin-top:-60px;font-size:1em!important;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.article-header-image .image-caption p{font-size:1em!important;padding:12px 15px}}.reading-time{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;padding:20px;margin:25px 0;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.1);animation:fadeInUp .8s ease;position:relative;overflow:hidden}.reading-time:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M0,0 L100,0 L100,100 Z' fill='rgba(255,255,255,0.1)'/></svg>");background-size:cover}.reading-time-content{position:relative;z-index:1}.reading-time h3{color:#fff;margin-bottom:10px;font-size:1.4rem;display:flex;align-items:center;justify-content:center}.reading-time h3:before{content:"⏱️";margin-left:10px;font-size:1.6rem}.reading-time .time{font-size:2.2rem;font-weight:700;margin:10px 0;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:pulse 2s infinite}.reading-time .note{font-size:.9rem;opacity:.9;margin-top:10px}.custom-chart{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:30px;margin:30px 0;text-align:center;animation:fadeIn 1s ease}.custom-chart h3{color:#2c3e50;margin-bottom:30px;font-size:24px;position:relative;padding-bottom:15px}.custom-chart h3:after{content:'';position:absolute;bottom:0;right:50%;transform:translateX(50%);width:100px;height:4px;background:linear-gradient(to right,#9b59b6,#8e44ad);border-radius:2px}.chart-container{display:flex;flex-direction:column;gap:25px;margin-top:30px}.chart-row{display:flex;align-items:center;gap:15px}.chart-label{width:120px;text-align:right;font-weight:600;color:#2c3e50;font-size:.95em}.chart-bar-container{flex:1;height:35px;background:#ecf0f1;border-radius:17px;overflow:hidden;position:relative;box-shadow:inset 0 2px 5px rgba(0,0,0,.1)}.chart-bar{height:100%;border-radius:17px;display:flex;align-items:center;justify-content:flex-end;padding-left:15px;color:#fff;font-weight:700;transition:width 1.5s ease-out;width:0;box-shadow:0 3px 10px rgba(0,0,0,.2);font-size:.9em}.chart-bar-1{background:linear-gradient(to left,#1abc9c,#16a085)}.chart-bar-2{background:linear-gradient(to left,#f39c12,#d35400)}.chart-bar-3{background:linear-gradient(to left,#e74c3c,#c0392b)}.chart-percentage{width:70px;text-align:left;font-weight:700;color:#2c3e50;font-size:.95em}.chart-legend{display:flex;justify-content:center;gap:25px;margin-top:30px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:4px}.legend-text{font-size:.85em;color:#2c3e50}.chart-stats{display:flex;justify-content:space-around;margin-top:30px;flex-wrap:wrap;gap:15px}.stat-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:15px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.05);flex:1;min-width:150px;transition:transform .3s}.stat-card:hover{transform:translateY(-3px)}.stat-value{font-size:24px;font-weight:700;margin-bottom:8px;color:#2c3e50}.stat-title{font-size:.85em;color:#7f8c8d}.chart-note{margin-top:20px;padding:15px;background:linear-gradient(135deg,#fff9e6 0%,#ffeaa7 100%);border-radius:10px;border-right:4px solid #fdcb6e;font-size:.9em;color:#2d3436}.speed-note{margin-top:15px;padding:12px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:8px;border-right:4px solid #64b5f6;font-size:.9em;color:#1565c0}@media (max-width:768px){.custom-chart{padding:20px;margin:20px 0}.chart-row{flex-direction:column;align-items:flex-start;gap:8px}.chart-label,.chart-percentage{width:100%;text-align:center}.chart-bar-container{width:100%}.chart-legend{gap:15px}.chart-stats{gap:10px}.stat-card{min-width:120px;padding:12px}.stat-value{font-size:20px}}.content-section ul,.content-section ol{margin-right:25px;margin-bottom:20px}.content-section li{margin-bottom:10px;line-height:1.7}.content-section strong{color:#2c3e50}.content-section em{color:#7f8c8d;font-style:italic}.content-section a{color:#2980b9;text-decoration:none;border-bottom:1px dashed #3498db;transition:all .3s ease}.content-section a:hover{color:#1a5276;border-bottom:1px solid #1a5276}#مراجع ul{list-style-type:none}#مراجع li{margin-bottom:15px;padding-right:15px;border-right:3px solid #3498db;background:#f8f9fa;padding:10px 15px;border-radius:5px}@media (max-width:480px){body{padding:5px}.content-section{padding:10px;margin:15px 0}.toc{padding:15px}.toc a{padding:8px 12px;font-size:.9rem}.info-box,.example-box{padding:20px}blockquote{padding:15px;font-size:.9rem}.reading-time{padding:15px}.reading-time .time{font-size:1.8rem}}.table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}@supports not (display:grid){.chart-stats{display:flex;flex-wrap:wrap}.stat-card{flex:1 1 200px}}@media print{.progress-container,.toc,.reading-time{display:none}.content-section{box-shadow:none;border:1px solid #ddd}a{color:#000;text-decoration:underline}}