.blog-content{text-align:justify;text-justify:inter-word;line-height:1.6}.blog-content p{margin-bottom:.75rem}.blog-content h2,.blog-content h3,.blog-content h4{text-align:left}.blog-content h2{margin-top:1.5rem;margin-bottom:.75rem;scroll-margin-top:80px}.blog-content h3{margin-top:1.25rem;margin-bottom:.5rem}.blog-layout-with-toc{display:flex;gap:2.5rem;max-width:1400px;margin:0 auto}.toc-sidebar{position:sticky;top:100px;width:280px;min-width:280px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;padding:1.25rem;border-radius:1rem;background:linear-gradient(135deg,rgba(245,245,245,.98),rgba(250,250,250,.95));border:1px solid rgba(200,200,200,.5);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.08)}.dark .toc-sidebar{background:linear-gradient(135deg,rgba(38,38,38,.95),rgba(45,45,45,.9));border:1px solid rgba(80,80,80,.5);box-shadow:0 8px 32px rgba(0,0,0,.4)}.toc-sidebar-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(139,92,246,.25)}.toc-sidebar-icon{font-size:1.25rem}.toc-sidebar-title{font-weight:700;font-size:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toc-sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.toc-sidebar-item{display:block;padding:.6rem .75rem;border-radius:.5rem;font-size:.8rem;color:var(--muted-foreground);text-decoration:none;transition:all .2s ease;border-left:2px solid transparent;line-height:1.4}.toc-sidebar-item:hover{background:rgba(139,92,246,.1);border-left-color:#8b5cf6;color:#8b5cf6;transform:translateX(4px)}.toc-sidebar-item.active{background:rgba(139,92,246,.15);border-left-color:#8b5cf6;color:#8b5cf6;font-weight:600}.toc-sidebar .toc-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(139,92,246,.2)}.toc-sidebar .toc-icon{font-size:1.25rem}.toc-sidebar .toc-title{font-weight:700;font-size:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toc-sidebar .toc-list{display:flex;flex-direction:column;gap:.25rem}.toc-sidebar .toc-item{display:block;padding:.5rem .75rem;border-radius:.5rem;font-size:.8rem;color:var(--muted-foreground);text-decoration:none;transition:all .2s ease;border-left:2px solid transparent;line-height:1.4}.toc-sidebar .toc-item:hover{background:rgba(139,92,246,.1);border-left-color:#8b5cf6;color:#8b5cf6;transform:translateX(4px)}.toc-sidebar .toc-item.active{background:rgba(139,92,246,.15);border-left-color:#8b5cf6;color:#8b5cf6;font-weight:600}.blog-main-content{flex:1;min-width:0;max-width:800px}.blog-layout-with-toc .table-of-contents{display:none}@media (max-width:1024px){.blog-layout-with-toc{flex-direction:column}.toc-sidebar{display:none}.blog-layout-with-toc .table-of-contents{display:block}.blog-main-content{max-width:100%}}.table-of-contents{margin:0 0 1.5rem;padding:1rem;border-radius:.75rem;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(139,92,246,.08));border:1px solid rgba(59,130,246,.2)}.toc-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(139,92,246,.15)}.toc-icon{font-size:1.25rem}.toc-title{font-weight:700;font-size:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toc-list{display:flex;flex-direction:column;gap:.35rem}.toc-item{display:block;padding:.4rem .75rem;border-radius:.4rem;font-size:.875rem;color:inherit;text-decoration:none;transition:all .2s ease;border-left:2px solid transparent}.toc-item:hover{background:rgba(139,92,246,.1);border-left-color:#8b5cf6;color:#8b5cf6;transform:translateX(4px)}.tools-overview{margin:1rem 0;padding:1rem;border-radius:1rem;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(139,92,246,.08));border:1px solid rgba(99,102,241,.2)}.tools-overview h3{text-align:center;margin-top:0;margin-bottom:.75rem;font-size:1rem}.ecosystem-chart{display:flex;flex-direction:column;gap:.5rem}.chart-section{background:rgba(255,255,255,.5);border-radius:.5rem;padding:.6rem;border:1px solid rgba(139,92,246,.15)}.dark .chart-section{background:rgba(30,30,46,.5)}.chart-header{text-align:center;font-weight:700;font-size:.85rem;padding:.35rem .75rem;border-radius:.4rem;margin-bottom:.5rem}.chart-header.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.chart-header.alternatives{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white}.chart-items{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chart-items.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}@media (max-width:640px){.chart-items.grid-3{grid-template-columns:repeat(2,1fr)}}.chart-item{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;border-radius:.5rem;background:white;border:2px solid;min-width:120px;transition:all .3s ease}.dark .chart-item{background:#1e1e2e}.chart-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.chart-item.github{border-color:#24292e}.chart-item.cursor{border-color:#00d4aa}.chart-item.claude{border-color:#a855f7}.chart-item .item-icon{font-size:1.25rem;margin-bottom:.15rem}.chart-item .item-name{font-weight:700;font-size:.8rem}.chart-item .item-tag{font-size:.65rem;padding:.1rem .4rem;border-radius:1rem;background:rgba(139,92,246,.1);color:#8b5cf6;margin-top:.15rem}.chart-item-small{display:flex;flex-direction:column;align-items:center;padding:.35rem;border-radius:.4rem;background:white;border:1px solid rgba(139,92,246,.2);transition:all .2s ease}.dark .chart-item-small{background:#1e1e2e}.chart-item-small:hover{background:rgba(139,92,246,.1);transform:scale(1.05)}.chart-item-small .item-icon{font-size:1rem}.chart-item-small .item-name{font-weight:600;font-size:.75rem}.chart-item-small .item-desc{font-size:.6rem;color:#64748b}.chart-connector{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.connector-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,transparent)}.connector-label{font-size:.7rem;color:#8b5cf6;font-weight:600;white-space:nowrap}.tools-comparison-table{margin-top:.5rem;overflow-x:auto}.tools-comparison-table .comparison-row{display:grid;grid-template-columns:1.5fr 1fr 2fr 1.5fr;gap:.35rem;padding:.35rem .5rem;border-bottom:1px solid rgba(139,92,246,.1);font-size:.8rem}.tools-comparison-table .comparison-row.header{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(59,130,246,.2));font-weight:600;border-bottom:2px solid rgba(139,92,246,.3);border-radius:.4rem .4rem 0 0}.tools-comparison-table .comparison-row:not(.header):hover{background:rgba(139,92,246,.05)}@media (max-width:640px){.tools-comparison-table .comparison-row{grid-template-columns:1fr 1fr;gap:.2rem;font-size:.7rem;padding:.3rem .4rem}.tools-comparison-table .comparison-row span:nth-child(3),.tools-comparison-table .comparison-row span:nth-child(4){display:none}}.tools-comparison-table table{width:100%;border-collapse:collapse;font-size:.8rem}.tools-comparison-table th{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(59,130,246,.2));padding:.4rem .5rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(139,92,246,.3)}.tools-comparison-table td{padding:.35rem .5rem;border-bottom:1px solid rgba(139,92,246,.1)}.tools-comparison-table tr:hover td{background:rgba(139,92,246,.05)}.gradient-box{border-radius:1rem;padding:1rem;margin:.75rem 0;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(59,130,246,.1));border:1px solid rgba(139,92,246,.2)}.gradient-box.purple{background:linear-gradient(135deg,rgba(168,85,247,.15),rgba(139,92,246,.1));border:1px solid rgba(168,85,247,.3)}.gradient-box.blue{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.1));border:1px solid rgba(59,130,246,.3)}.gradient-box.green{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(16,185,129,.1));border:1px solid rgba(34,197,94,.3)}.quote-highlight{margin:1rem 0;border-radius:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.05));border-left:4px solid #f59e0b}.quote-highlight blockquote{font-size:1.125rem;font-style:italic;border:none!important;padding:0!important;margin:0!important;background:none!important}.info-card{margin:1rem 0;border-radius:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.05));border:1px solid rgba(99,102,241,.2)}.info-card h3{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}@media (max-width:640px){.feature-grid{grid-template-columns:1fr}}.feature-card{padding:1.25rem;border-radius:1rem;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.05));border:1px solid rgba(139,92,246,.2);transition:all .3s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(139,92,246,.15);border-color:rgba(139,92,246,.4)}.feature-card .feature-icon{font-size:1.5rem;margin-right:.5rem;vertical-align:middle}.feature-card h4{display:inline;margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:#8b5cf6;line-height:1.8}.dark .feature-card h4{color:#a78bfa}.feature-card p{margin:0;font-size:.9rem;color:var(--muted-foreground);line-height:1.5}.feature-box{margin:1rem 0;border-radius:.75rem;padding:1rem;border:1px solid rgba(139,92,246,.2)}.feature-box.blue{background:linear-gradient(135deg,rgba(59,130,246,.08),transparent);border-color:rgba(59,130,246,.3)}.feature-box.green{background:linear-gradient(135deg,rgba(34,197,94,.08),transparent);border-color:rgba(34,197,94,.3)}.feature-box.purple{background:linear-gradient(135deg,rgba(168,85,247,.08),transparent);border-color:rgba(168,85,247,.3)}.step-list{margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem}.step-list ul{list-style:none!important;padding:0!important;margin:0!important}.step-list li{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;background:rgba(139,92,246,.05);margin-bottom:.35rem;transition:all .3s ease}.step-list li:hover{background:rgba(139,92,246,.1);transform:translateX(4px)}.step-item{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.05));border:1px solid rgba(139,92,246,.2);border-radius:1rem;transition:all .3s ease}.step-item:hover{transform:translateX(8px);border-color:rgba(139,92,246,.4);box-shadow:0 4px 20px rgba(139,92,246,.15)}.step-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:white;font-weight:700;font-size:1.25rem;border-radius:50%;box-shadow:0 4px 12px rgba(139,92,246,.3)}.step-content{flex:1}.step-content h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--foreground)}.step-content p{margin:0 0 .75rem;color:var(--muted-foreground);line-height:1.6}.step-content ul{margin:.5rem 0 0;padding-left:1.25rem}.step-content li{margin-bottom:.35rem;color:var(--muted-foreground);background:transparent;padding:0;border-radius:0}.step-content li:hover{transform:none;background:transparent}.stat-highlight{margin:.75rem 0;padding:.75rem 1rem;border-radius:.75rem;text-align:center;font-weight:700;font-size:1rem;background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(16,185,129,.1));border:1px solid rgba(34,197,94,.3)}.pros-cons-grid{margin:1rem 0}.pros-cons-grid h3{font-size:1rem;font-weight:700;margin-bottom:.5rem}.salary-table-wrapper{margin:1.5rem 0;overflow-x:auto;border-radius:1rem;background:linear-gradient(135deg,rgba(139,92,246,.05),rgba(59,130,246,.05));border:1px solid rgba(139,92,246,.2)}.salary-table{width:100%;border-collapse:collapse;font-size:.95rem}.salary-table th{padding:1rem;text-align:center;font-weight:700;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(59,130,246,.2));border-bottom:2px solid rgba(139,92,246,.3)}.salary-table th:first-child{text-align:left;border-radius:.75rem 0 0 0}.salary-table th:last-child{border-radius:0 .75rem 0 0}.salary-table td{padding:.875rem 1rem;text-align:center;border-bottom:1px solid rgba(139,92,246,.1)}.salary-table td:first-child{text-align:left;font-weight:500}.salary-table td.highlight{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));font-weight:700;color:#16a34a}.dark .salary-table td.highlight{color:#4ade80}.salary-table tbody tr:hover{background:rgba(139,92,246,.08)}.salary-table tbody tr:last-child td:first-child{border-radius:0 0 0 .75rem}.salary-table tbody tr:last-child td:last-child{border-radius:0 0 .75rem 0}.table-note{text-align:center;font-size:.85rem;color:var(--muted-foreground);padding:.75rem;margin:0;background:rgba(139,92,246,.05)}.concept-table{width:100%;border-collapse:collapse;margin:.75rem 0 0}.concept-table td{padding:.625rem .875rem;border-bottom:1px solid rgba(139,92,246,.15)}.concept-table td:first-child{width:40%;font-weight:600;color:#8b5cf6}.concept-table tr:last-child td{border-bottom:none}.concept-table tr:hover{background:rgba(139,92,246,.05)}.algorithm-table-wrapper{margin:1.5rem 0;overflow-x:auto;border-radius:1rem;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(99,102,241,.05));border:1px solid rgba(59,130,246,.2);padding:1rem}.algorithm-table-wrapper h4{margin:0 0 1rem;font-size:1.1rem}.algorithm-table{width:100%;border-collapse:collapse;font-size:.9rem}.algorithm-table th{padding:.75rem;text-align:left;font-weight:700;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(99,102,241,.2));border-bottom:2px solid rgba(59,130,246,.3)}.algorithm-table td{padding:.625rem .75rem;border-bottom:1px solid rgba(59,130,246,.1);vertical-align:top}.algorithm-table td:first-child{font-weight:600;background:rgba(59,130,246,.05);color:#3b82f6}.algorithm-table tbody tr:hover td:not(:first-child){background:rgba(59,130,246,.05)}.resource-table{width:100%;border-collapse:collapse;margin:.75rem 0 0}.resource-table td{padding:.625rem .5rem;border-bottom:1px solid rgba(139,92,246,.1)}.resource-table td:first-child{width:55%}.resource-table td:first-child a{color:#8b5cf6;font-weight:600;text-decoration:none;transition:all .2s ease}.resource-table td:first-child a:hover{color:#a78bfa;text-decoration:underline}.resource-table td:last-child{color:var(--muted-foreground);font-size:.9rem}.resource-table tr:last-child td{border-bottom:none}.resource-table tr:hover{background:rgba(139,92,246,.05)}.comparison-table{margin:1rem 0;overflow:hidden;border-radius:.75rem}.comparison-table table{width:100%}.comparison-table th{padding:.75rem;text-align:left;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(59,130,246,.2))}.comparison-table td{padding:.75rem;border-bottom:1px solid rgba(139,92,246,.1)}.comparison-table tr:hover td{background:rgba(139,92,246,.05)}.trend-list{margin:.5rem 0 1rem}.trend-list ol,.trend-list ul{list-style:none!important;padding:0!important;margin:0!important}.trend-list li{padding:.75rem 1rem;border-radius:.75rem;background:linear-gradient(135deg,rgba(139,92,246,.08),transparent);border:1px solid rgba(139,92,246,.15);margin-bottom:.5rem;transition:all .3s ease}.trend-list li:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(139,92,246,.15)}.job-cards{margin:.5rem 0 1rem}.job-cards ul{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:.5rem}.job-cards li{padding:.75rem 1rem;border-radius:.75rem;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent);border:1px solid rgba(59,130,246,.2)}.conclusion-box{margin:1.5rem 0;padding:1.25rem;border-radius:1rem;text-align:center;background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(16,185,129,.1));border:2px solid rgba(34,197,94,.3)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.tips-grid ol,.tips-grid ul{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:.5rem}.tips-grid li{padding:.75rem 1rem;border-radius:.75rem;background:linear-gradient(135deg,rgba(251,191,36,.1),transparent);border:1px solid rgba(251,191,36,.2)}.tip-card{padding:1.25rem;border-radius:1rem;background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(249,115,22,.05));border:1px solid rgba(251,191,36,.25);transition:all .3s ease}.tip-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(251,191,36,.15)}.tip-card .tip-icon{font-size:1.5rem;margin-right:.5rem;vertical-align:middle}.tip-card h4{display:inline;margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:#f59e0b;line-height:1.8}.dark .tip-card h4{color:#fbbf24}.tip-card p{margin:0;font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.references{margin:.5rem 0 1rem;font-size:.875rem}.references ol{list-style:none!important;padding:0!important;margin:0!important}.references li{padding:.5rem .75rem;border-radius:.5rem;background:rgba(100,116,139,.1);margin-bottom:.35rem}.cta-box{margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(59,130,246,.15));border:2px solid rgba(139,92,246,.3)}.cta-box a{font-weight:700;background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vibe-hero{text-align:center;padding:1rem 0}.vibe-hero h2{font-size:1.875rem;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#3b82f6 50%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.tool-grid{margin:1.5rem 0}.other-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.tool-card{padding:1.5rem;border-radius:1rem;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.05));border:1px solid rgba(139,92,246,.2);transition:all .3s ease;margin-bottom:1.5rem}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(139,92,246,.15);border-color:rgba(139,92,246,.4)}.tool-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(139,92,246,.2)}.tool-header h4,.tool-rank{font-size:1.25rem;font-weight:700}.tool-header h4{flex:1;margin:0!important;color:inherit}.tool-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tool-badge.free{background:linear-gradient(135deg,#10b981,#059669);color:white}.tool-badge.paid{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.tool-content{margin-bottom:1rem}.tool-content p{font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.tool-content ul{margin:.5rem 0;padding-left:0;list-style:none}.tool-content li{font-size:.9rem;padding:.25rem 0;padding-left:0!important}.tool-links{padding-top:.75rem;border-top:1px solid rgba(139,92,246,.15)}.tool-links a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;font-weight:600;color:#8b5cf6;background:rgba(139,92,246,.1);text-decoration:none;transition:all .2s ease}.tool-links a:hover{background:rgba(139,92,246,.2);color:#7c3aed;transform:translateX(4px)}.tool-card strong{display:block;font-size:1.1rem;margin-bottom:.5rem;color:inherit}.tool-card p{font-size:.9rem;line-height:1.5;margin-bottom:.75rem;opacity:.9}.tool-card a{display:inline-block;font-size:.85rem;color:#8b5cf6;text-decoration:none;transition:color .2s ease}.tool-card a:hover{color:#7c3aed;text-decoration:underline}.blog-content img{transition:transform .3s ease,box-shadow .3s ease}.blog-content img:hover{transform:scale(1.02);box-shadow:0 10px 40px rgba(0,0,0,.2)}.blog-content pre{border-radius:.75rem;margin:1.5rem 0;overflow:hidden;border:1px solid #3c3c3c;background:#1e1e1e;position:relative}.blog-content pre:before{content:"";display:block;height:32px;background:#323233;border-bottom:1px solid #3c3c3c;position:relative}.blog-content pre:after{content:"";position:absolute;top:10px;left:12px;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 0 #ffbd2e,40px 0 0 #27ca40}.blog-content code{padding:.2rem .4rem;border-radius:.25rem;font-size:.875rem;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,Courier New,monospace;background:#2d2d2d;color:#ce9178;border:1px solid #3c3c3c}.blog-content pre code{background:transparent;color:#d4d4d4;display:block;padding:1rem 1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto;border:none}.blog-content pre code .hljs-keyword,.blog-content pre code .keyword{color:#569cd6}.blog-content pre code .hljs-string,.blog-content pre code .string{color:#ce9178}.blog-content pre code .comment,.blog-content pre code .hljs-comment{color:#6a9955;font-style:italic}.blog-content pre code .function,.blog-content pre code .hljs-function,.blog-content pre code .hljs-title{color:#dcdcaa}.blog-content pre code .hljs-number,.blog-content pre code .number{color:#b5cea8}.blog-content pre code .class,.blog-content pre code .hljs-class{color:#4ec9b0}.blog-content pre code .hljs-variable,.blog-content pre code .variable{color:#9cdcfe}.blog-content pre code .hljs-operator,.blog-content pre code .operator,.blog-content pre code .punctuation{color:#d4d4d4}.blog-content pre code .builtin,.blog-content pre code .hljs-built_in{color:#4ec9b0}.blog-content pre code .decorator,.blog-content pre code .hljs-decorator{color:#dcdcaa}.blog-content pre code.language-python .def{color:#569cd6}.blog-content pre code.language-python .self{color:#9cdcfe}.blog-content pre code::-webkit-scrollbar{height:8px}.blog-content pre code::-webkit-scrollbar-track{background:#1e1e1e}.blog-content pre code::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}.blog-content pre code::-webkit-scrollbar-thumb:hover{background:#555555}.blog-content pre code.hljs{display:block;overflow-x:auto;padding:1rem 1.25rem;background:#1e1e1e;color:#d4d4d4}.blog-content .hljs-deletion,.blog-content .hljs-keyword,.blog-content .hljs-selector-tag{color:#569cd6}.blog-content .hljs-addition,.blog-content .hljs-doctag,.blog-content .hljs-regexp,.blog-content .hljs-string{color:#ce9178}.blog-content .hljs-comment{color:#6a9955;font-style:italic}.blog-content .hljs-section,.blog-content .hljs-selector-id,.blog-content .hljs-title{color:#dcdcaa}.blog-content .hljs-literal,.blog-content .hljs-number{color:#b5cea8}.blog-content .hljs-built_in,.blog-content .hljs-class .hljs-title,.blog-content .hljs-type{color:#4ec9b0}.blog-content .hljs-attr,.blog-content .hljs-params,.blog-content .hljs-template-variable,.blog-content .hljs-variable{color:#9cdcfe}.blog-content .hljs-bullet,.blog-content .hljs-symbol{color:#d7ba7d}.blog-content .hljs-meta{color:#c586c0}.blog-content .hljs-tag{color:#808080}.blog-content .hljs-name{color:#569cd6}.blog-content .hljs-attribute{color:#9cdcfe}.blog-content .hljs-emphasis{font-style:italic}.blog-content .hljs-strong{font-weight:700}.blog-content .hljs-keyword.hljs-self{color:#569cd6}.blog-content blockquote{margin:1.5rem 0;padding:1rem;border-radius:0 .75rem .75rem 0;font-style:italic;background:linear-gradient(135deg,rgba(251,191,36,.1),transparent);border-left:4px solid #f59e0b}.blog-content h2{position:relative;padding-bottom:.5rem;margin-bottom:1.5rem;margin-top:2.5rem}.blog-content h2:after{content:"";position:absolute;bottom:0;left:0;height:4px;width:60px;border-radius:9999px;background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.blog-content h3{margin-top:2rem;margin-bottom:1rem}.blog-content>ol,.blog-content>ul{margin:1rem 0}.blog-content li{line-height:1.625}.blog-content table{width:100%;margin:1.5rem 0;border-radius:.75rem;overflow:hidden;border:1px solid rgba(139,92,246,.2)}.blog-content th{padding:.75rem;text-align:left;font-weight:600;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(59,130,246,.15))}.blog-content td{padding:.75rem;border-top:1px solid rgba(139,92,246,.1)}.blog-content hr{margin:3rem 0;border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.blog-content figcaption{text-align:center;font-size:.875rem;color:#6b7280;margin-top:.75rem;font-style:italic}.dark .feature-box,.dark .gradient-box,.dark .info-card,.dark .quote-highlight{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.05))}.dark .blog-content figcaption{color:#9ca3af}.blog-content h2,.blog-content h3{display:flex;align-items:center;gap:.5rem}.blog-content{scroll-behavior:smooth}.blog-content a:focus{outline:2px solid #8b5cf6;outline-offset:2px;border-radius:.25rem}@media print{.cta-box,.feature-box,.gradient-box,.info-card,.quote-highlight{background:#f3f4f6!important;border:1px solid #d1d5db!important}}.profile-section{margin:1.5rem 0;padding:1.5rem;border-radius:1rem;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.05));border:1px solid rgba(99,102,241,.2)}.profile-header{display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:wrap}.profile-header img{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(139,92,246,.3);flex-shrink:0}.profile-intro{flex:1;min-width:250px}.profile-intro h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-intro p{margin:0;font-size:.95rem;line-height:1.5;color:#64748b}.dark .profile-intro p{color:#94a3b8}.timeline{position:relative;margin-top:1.25rem;padding-left:1.75rem}.timeline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#8b5cf6,#3b82f6)}.timeline-item{position:relative;padding-bottom:.75rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-1.75rem;top:.35rem;width:12px;height:12px;border-radius:50%;background:#8b5cf6;border:2px solid #fff;box-shadow:0 0 0 3px rgba(139,92,246,.2)}.dark .timeline-dot{border-color:#1e1e2e}.timeline-item.current .timeline-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.3);animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px rgba(34,197,94,.3)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.1)}}.timeline-content{padding-left:.5rem}.timeline-date{display:inline-block;font-size:.75rem;font-weight:600;color:#8b5cf6;background:rgba(139,92,246,.1);padding:.15rem .5rem;border-radius:.25rem;margin-bottom:.25rem}.timeline-item.current .timeline-date{color:#22c55e;background:rgba(34,197,94,.1)}.timeline-content p{margin:0;font-size:.9rem;line-height:1.4}@media (max-width:640px){.profile-header{flex-direction:column;align-items:center}.profile-header,.profile-intro{text-align:center}.timeline{padding-left:1.5rem}.timeline-dot{left:-1.5rem;width:10px;height:10px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border-radius:1rem;border:1px solid rgba(139,92,246,.2)}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{font-size:.9rem;color:var(--foreground);margin-top:.5rem}.stat-source{font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem}.roadmap-visual{display:flex;flex-direction:column;gap:0;margin:2rem 0;position:relative}.roadmap-visual:before{content:"";position:absolute;left:24px;top:30px;bottom:30px;width:3px;background:linear-gradient(180deg,#22c55e,#3b82f6 33%,#f97316 66%,#8b5cf6);border-radius:2px}@media (min-width:768px){.roadmap-visual{flex-direction:row;gap:1rem;align-items:stretch}.roadmap-visual:before{display:none}}.roadmap-phase{flex:1;position:relative;padding:1.25rem 1.25rem 1.25rem 3.5rem;border-radius:1rem;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.1);transition:all .3s ease}@media (min-width:768px){.roadmap-phase{padding:1.5rem;text-align:center}}.roadmap-phase:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.roadmap-phase .phase-number{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;font-weight:800;color:white;z-index:2}@media (min-width:768px){.roadmap-phase .phase-number{position:relative;left:auto;top:auto;transform:none;width:50px;height:50px;margin:0 auto 1rem;font-size:1.25rem}}.roadmap-phase.phase-1{border-color:rgba(34,197,94,.3)}.roadmap-phase.phase-1:hover{border-color:rgba(34,197,94,.5);box-shadow:0 12px 40px rgba(34,197,94,.15)}.roadmap-phase.phase-1 .phase-number{background:linear-gradient(135deg,#22c55e,#16a34a)}.roadmap-phase.phase-2{border-color:rgba(59,130,246,.3)}.roadmap-phase.phase-2:hover{border-color:rgba(59,130,246,.5);box-shadow:0 12px 40px rgba(59,130,246,.15)}.roadmap-phase.phase-2 .phase-number{background:linear-gradient(135deg,#3b82f6,#2563eb)}.roadmap-phase.phase-3{border-color:rgba(249,115,22,.3)}.roadmap-phase.phase-3:hover{border-color:rgba(249,115,22,.5);box-shadow:0 12px 40px rgba(249,115,22,.15)}.roadmap-phase.phase-3 .phase-number{background:linear-gradient(135deg,#f97316,#ea580c)}.roadmap-phase.phase-4{border-color:rgba(139,92,246,.3)}.roadmap-phase.phase-4:hover{border-color:rgba(139,92,246,.5);box-shadow:0 12px 40px rgba(139,92,246,.15)}.roadmap-phase.phase-4 .phase-number{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.phase-header{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.75rem}@media (min-width:768px){.phase-header{align-items:center}}.phase-title{font-size:1.1rem;font-weight:700;margin:0}.phase-time{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem;background:rgba(255,255,255,.1);color:var(--muted-foreground)}.phase-content{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.35rem}@media (min-width:768px){.phase-content{justify-content:center}}.phase-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:.35rem;font-weight:500}.phase-tag.python{background:rgba(34,197,94,.2);color:#22c55e}.phase-tag.math{background:rgba(59,130,246,.2);color:#3b82f6}.phase-tag.data{background:rgba(249,115,22,.2);color:#f97316}.phase-tag.ml{background:rgba(59,130,246,.2);color:#60a5fa}.phase-tag.project{background:rgba(34,197,94,.2);color:#4ade80}.phase-tag.dl{background:rgba(249,115,22,.2);color:#fb923c}.phase-tag.llm{background:rgba(139,92,246,.2);color:#a78bfa}.phase-tag.cv{background:rgba(236,72,153,.2);color:#f472b6}.phase-tag.deploy{background:rgba(20,184,166,.2);color:#2dd4bf}.roadmap-arrow{display:none}.week-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0}.week-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;overflow:hidden}.week-header{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));padding:.75rem 1rem;font-weight:600;font-size:.9rem}.week-content{padding:1rem}.week-content h4{margin:0 0 .5rem;font-size:1rem}.week-content ul{margin:0;padding-left:1.25rem}.week-content li{font-size:.85rem;margin-bottom:.25rem}.practice-tag{margin-top:.75rem;padding:.5rem;background:rgba(34,197,94,.1);border-radius:.5rem;font-size:.85rem;color:#22c55e}.resource-box{margin:1rem 0;padding:1rem;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(139,92,246,.08));border-radius:.75rem;border-left:3px solid #3b82f6}.resource-box h4{margin:0 0 .75rem;font-size:1rem}.resource-box ul{margin:0;padding-left:1.25rem}.resource-box li{font-size:.9rem;margin-bottom:.4rem}.math-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.math-card{padding:1.25rem;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(99,102,241,.05));border:1px solid rgba(59,130,246,.2);border-radius:1rem;text-align:center;transition:all .3s ease}.math-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(59,130,246,.15)}.math-card .math-icon{font-size:1.5rem;margin-right:.5rem;vertical-align:middle}.math-card h4{display:inline;margin:0 0 .5rem;font-size:1rem;font-weight:700;color:#3b82f6;line-height:1.8}.dark .math-card h4{color:#60a5fa}.math-card p{font-size:.875rem;color:var(--muted-foreground);margin:0;line-height:1.5}.time-tag{display:inline-block;margin-top:.5rem;font-size:.75rem;padding:.2rem .5rem;background:rgba(139,92,246,.2);border-radius:.25rem;color:#a78bfa}.milestone-box{margin:1.5rem 0;padding:1.25rem;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(16,185,129,.1));border:1px solid rgba(34,197,94,.3);border-radius:1rem}.milestone-box h4{margin:0 0 .75rem;color:#22c55e}.milestone-box p{margin:0 0 .5rem}.milestone-box ul{margin:0;padding-left:1.25rem}.milestone-box li{margin-bottom:.25rem}.milestone-box.final{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(124,58,237,.1));border-color:rgba(139,92,246,.3)}.milestone-box.final h4{color:#a78bfa}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.concept-card{padding:1.25rem;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(168,85,247,.05));border:1px solid rgba(139,92,246,.2);border-radius:1rem;transition:all .3s ease}.concept-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(139,92,246,.15)}.concept-card .concept-icon{font-size:1.5rem;margin-right:.5rem;vertical-align:middle}.concept-card h4{display:inline;margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:#8b5cf6;line-height:1.8}.dark .concept-card h4{color:#a78bfa}.concept-card p{margin:0 0 .75rem;font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.concept-card ul{margin:0;padding-left:1.25rem}.concept-card li{font-size:.85rem;margin-bottom:.25rem}.algorithm-list{margin:1rem 0;padding:1rem;background:rgba(255,255,255,.02);border-radius:.75rem}.algorithm-list h4{margin:0 0 1rem}.architecture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0}.arch-card{padding:1.25rem;border-radius:1rem}.arch-card.cnn{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.15));border:1px solid rgba(59,130,246,.3)}.arch-card.rnn{background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(234,88,12,.15));border:1px solid rgba(249,115,22,.3)}.arch-card h4,.arch-card p{margin:0 0 .5rem}.arch-card p{font-size:.9rem;color:var(--muted-foreground)}.arch-card ul{margin:.5rem 0;padding-left:1.25rem}.arch-card li{font-size:.85rem}.arch-tag{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:1rem;background:rgba(255,255,255,.1)}.specialization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.spec-card{position:relative;padding:1.5rem;border-radius:1rem;background:linear-gradient(135deg,rgba(139,92,246,.05),rgba(99,102,241,.03));border:1px solid rgba(139,92,246,.2);transition:all .3s ease}.spec-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.5);box-shadow:0 10px 30px rgba(139,92,246,.15)}.spec-card.nlp{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(16,185,129,.03));border-color:rgba(34,197,94,.3)}.spec-card.cv{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(99,102,241,.03));border-color:rgba(59,130,246,.3)}.spec-card.mlops{background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(251,191,36,.03));border-color:rgba(249,115,22,.3)}.spec-card .spec-icon{font-size:1.75rem;margin-right:.5rem;vertical-align:middle}.spec-card h4{display:inline;margin:0 0 .5rem;font-size:1.15rem;font-weight:700;line-height:1.8}.spec-card p{margin:0 0 1rem;font-size:.9rem;color:var(--muted-foreground);line-height:1.5}.spec-skills{display:flex;flex-wrap:wrap;gap:.35rem}.spec-skills span{padding:.2rem .5rem;background:rgba(255,255,255,.1)}.hot-tag,.spec-skills span{font-size:.7rem;border-radius:.25rem}.hot-tag{position:absolute;top:1rem;right:1rem;padding:.25rem .5rem;background:linear-gradient(135deg,#ef4444,#f97316);color:white;font-weight:600}.llm-roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0}.llm-step{padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;text-align:center}.llm-step .step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;font-size:.85rem;font-weight:700;color:white;margin-bottom:.5rem}.llm-step h4{margin:0 0 .25rem;font-size:.85rem}.llm-step p{margin:0;font-size:.75rem;color:var(--muted-foreground)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:1rem 0}.resource-card{padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:all .3s ease}.resource-card:hover{background:rgba(255,255,255,.05);border-color:rgba(139,92,246,.3)}.resource-icon{font-size:1.5rem;margin-bottom:.5rem}.resource-card h4{margin:0 0 .35rem;font-size:.95rem}.resource-card p{margin:0 0 .5rem;font-size:.8rem;color:var(--muted-foreground)}.resource-card a{font-size:.8rem;color:#3b82f6;text-decoration:none}.resource-card a:hover{text-decoration:underline}.book-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin:1rem 0}.book-card{padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:.75rem}.book-card h4{margin:0 0 .35rem;font-size:.95rem}.book-card p{margin:0 0 .35rem;font-size:.85rem;color:var(--muted-foreground)}.book-card a{font-size:.8rem;color:#3b82f6}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.project-card{padding:1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:1rem;transition:all .3s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.2)}.project-card.beginner{border-color:rgba(34,197,94,.3)}.project-card.intermediate{border-color:rgba(234,179,8,.3)}.project-card.advanced{border-color:rgba(239,68,68,.3)}.difficulty{display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:.5rem}.project-card h4{margin:0 0 .5rem;font-size:1rem}.project-card p{margin:0 0 .75rem;font-size:.85rem;color:var(--muted-foreground)}.project-tags{display:flex;flex-wrap:wrap;gap:.35rem}.project-tags span{font-size:.7rem;padding:.2rem .5rem;background:rgba(255,255,255,.1);border-radius:.25rem}.mistake-table-wrapper{margin:1.5rem 0;overflow-x:auto;border-radius:1rem;background:linear-gradient(135deg,rgba(239,68,68,.05),rgba(249,115,22,.05));border:1px solid rgba(239,68,68,.2)}.mistake-table{width:100%;border-collapse:collapse;font-size:.9rem}.mistake-table th{padding:1rem;text-align:left;font-weight:700;background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(249,115,22,.15));border-bottom:2px solid rgba(239,68,68,.3)}.mistake-table th:first-child{width:50px;text-align:center;border-radius:.75rem 0 0 0}.mistake-table th:last-child{border-radius:0 .75rem 0 0}.mistake-table td{padding:.875rem 1rem;border-bottom:1px solid rgba(239,68,68,.1);vertical-align:top}.mistake-table td.num{text-align:center;font-weight:700;color:#ef4444;background:rgba(239,68,68,.08)}.mistake-table td:nth-child(2){color:#dc2626;font-weight:500}.dark .mistake-table td:nth-child(2){color:#f87171}.mistake-table td:nth-child(3){color:#16a34a}.dark .mistake-table td:nth-child(3){color:#4ade80}.mistake-table tbody tr:hover{background:rgba(239,68,68,.05)}.faq-table-wrapper{margin:1.5rem 0;overflow-x:auto;border-radius:1rem;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border:1px solid rgba(59,130,246,.2)}.faq-table{font-size:.9rem}.faq-table th{padding:1rem;text-align:left;font-weight:700;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.15));border-bottom:2px solid rgba(59,130,246,.3)}.faq-table th:first-child{width:40%;border-radius:.75rem 0 0 0}.faq-table th:last-child{border-radius:0 .75rem 0 0}.faq-table td{border-bottom:1px solid rgba(59,130,246,.1);line-height:1.6}.faq-table td:first-child{color:#3b82f6}.dark .faq-table td:first-child{color:#60a5fa}.faq-table tbody tr:hover{background:rgba(59,130,246,.05)}.faq-table tbody tr:last-child td:first-child{border-radius:0 0 0 .75rem}.faq-table tbody tr:last-child td:last-child{border-radius:0 0 .75rem 0}.mistake-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.mistake-card{display:flex;gap:1rem;padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:.75rem}.mistake-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:50%;font-weight:700;color:white;font-size:.9rem}.mistake-card h4{margin:0 0 .35rem;font-size:.95rem}.mistake-card p{margin:0;font-size:.85rem;color:#22c55e}.faq-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.faq-item{padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1)}.faq-item h4{margin:0 0 .5rem;font-size:.95rem;color:#3b82f6}.faq-item p{margin:0;font-size:.9rem}.conclusion-checklist{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.check-item{font-size:1rem;padding:.5rem 0}.cta-box{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.15));border:1px solid rgba(139,92,246,.3);border-radius:1rem;text-align:center}.cta-box h3{margin:0 0 .75rem;font-size:1.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-box p{margin:0 0 1.25rem;font-size:1rem;color:var(--muted-foreground)}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:white;text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .3s ease}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,.4)}.cta-secondary{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(139,92,246,.5);color:#a78bfa;text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .3s ease}.cta-secondary:hover{background:rgba(139,92,246,.1)}.highlight-box.warning{background:linear-gradient(135deg,rgba(234,179,8,.1),rgba(245,158,11,.1));border-color:rgba(234,179,8,.3)}.highlight-box.warning h4{color:#eab308}.neural-network-visual{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0;padding:2rem;background:rgba(0,0,0,.2);border-radius:1rem;overflow-x:auto}.nn-layer{display:flex;flex-direction:column;align-items:center;gap:.5rem}.layer-label{font-size:.75rem;color:var(--muted-foreground);margin-bottom:.5rem}.neurons{display:flex;flex-direction:column;gap:.5rem}.neuron{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.nn-layer.hidden .neuron{background:linear-gradient(135deg,#f97316,#ef4444)}.nn-layer.output .neuron{background:linear-gradient(135deg,#22c55e,#16a34a)}.nn-connections{font-size:1.5rem;color:var(--muted-foreground)}.code-example{margin:1rem 0;background:rgba(0,0,0,.3);overflow:hidden}.code-example h4{margin:0;padding:.75rem 1rem;background:rgba(255,255,255,.05);font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.1)}.code-example pre{margin:0!important;padding:1rem!important}@media (max-width:768px){.roadmap-visual{flex-direction:column}.roadmap-arrow{transform:rotate(90deg)}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}.cta-buttons{flex-direction:column}.neural-network-visual{padding:1rem}}.warning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.warning-card{padding:1.25rem;background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(251,146,60,.05));border:1px solid rgba(239,68,68,.2);border-radius:1rem;transition:all .3s ease}.warning-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(239,68,68,.1)}.warning-card h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1rem;color:#ef4444}.warning-card .warning-icon{font-size:1.25rem}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.comparison-card{padding:1.5rem;border-radius:1rem;transition:all .3s ease}.comparison-card.bad{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.3)}.comparison-card.good{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.3)}.comparison-card h4{margin:0 0 .75rem;font-size:1.1rem}.comparison-card p{margin:.5rem 0;font-size:.95rem}.comparison-card .result{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed;opacity:.8;font-style:italic}.code-example{background:rgba(30,30,30,.95);border-radius:.75rem;padding:1rem;margin:.75rem 0;font-size:.9rem}.code-example p{margin:.5rem 0;color:#e5e5e5}.code-example pre{background:transparent!important;border:none!important;margin:.5rem 0!important;padding:.5rem!important;font-size:.85rem}.code-example ul{margin:.5rem 0;padding-left:1.5rem;color:#e5e5e5}.code-example li{padding:.25rem 0}.framework-box{margin:1.5rem 0;padding:1.5rem;border-radius:1rem;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(139,92,246,.05));border:1px solid rgba(59,130,246,.2)}.framework-box.highlight{background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(236,72,153,.08));border:2px solid rgba(139,92,246,.4)}.framework-box h4{margin:0 0 1rem;color:#8b5cf6}.framework-box .comparison-table{margin:0}.code-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.code-block{background:rgba(30,30,30,.95);border-radius:1rem;overflow:hidden}.code-block h4{padding:.75rem 1rem;margin:0;background:#323233;color:#fff;font-size:.95rem;border-bottom:1px solid #3c3c3c}.code-block pre{margin:0!important;border:none!important;border-radius:0!important}.code-block .code-score{padding:.75rem 1rem;margin:0;background:rgba(34,197,94,.1);color:#22c55e;font-size:.85rem;border-top:1px solid #3c3c3c}.writing-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.writing-block{padding:1.25rem;border-radius:1rem;border:1px solid rgba(100,100,100,.3);transition:all .3s ease}.writing-block:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.writing-block h4{margin:0 0 .75rem;font-size:1rem}.writing-block p{font-size:.9rem;line-height:1.6;margin:.5rem 0}.writing-block .writing-score{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed rgba(100,100,100,.3);font-size:.85rem;opacity:.8}.writing-block.chatgpt{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.03));border-color:rgba(16,185,129,.3)}.writing-block.gemini{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(59,130,246,.03));border-color:rgba(59,130,246,.3)}.writing-block.claude{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(139,92,246,.03));border-color:rgba(139,92,246,.3)}.writing-block.grok{background:linear-gradient(135deg,rgba(100,100,100,.08),rgba(100,100,100,.03));border-color:rgba(100,100,100,.3)}.feature-card.chatgpt{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border:1px solid rgba(16,185,129,.3)}.feature-card.gemini{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));border:1px solid rgba(59,130,246,.3)}.feature-card.claude{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(139,92,246,.05));border:1px solid rgba(139,92,246,.3)}.feature-card.grok{background:linear-gradient(135deg,rgba(100,100,100,.1),rgba(100,100,100,.05));border:1px solid rgba(100,100,100,.3)}.warning-card p{margin:0;font-size:.9rem;line-height:1.5;color:var(--muted-foreground)}.cta-button{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:white!important;text-decoration:none!important;border-radius:.75rem;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(59,130,246,.3)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(139,92,246,.4)}.faq-table{width:100%;border-collapse:collapse;margin:1.5rem 0}.faq-table td{padding:1rem;border:1px solid rgba(139,92,246,.15);vertical-align:top}.faq-table tr:nth-child(odd){background:rgba(139,92,246,.03)}.faq-table tr:hover{background:rgba(139,92,246,.08)}.faq-table td:first-child{width:35%;font-weight:600;color:var(--foreground)}.faq-table td:last-child{color:var(--muted-foreground)}.comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.comparison-table td,.comparison-table th{padding:.875rem 1rem;text-align:left;border:1px solid rgba(139,92,246,.15)}.comparison-table thead tr{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1))}.comparison-table th{font-weight:600;color:var(--foreground)}.comparison-table tbody tr:nth-child(odd){background:rgba(139,92,246,.03)}.comparison-table tbody tr:hover{background:rgba(139,92,246,.08)}.section-subtitle{font-size:1.15rem;font-weight:600;color:var(--foreground);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(139,92,246,.2)}.markdown-example-row{display:flex;align-items:center;gap:1rem;margin:.75rem 0;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-radius:.5rem;flex-wrap:wrap}.markdown-input,.markdown-output{display:flex;align-items:center;gap:.5rem}.example-label{font-size:.85rem;font-weight:500;color:rgba(139,92,246,.8);min-width:40px}.markdown-example-row code{background:rgba(59,130,246,.15);padding:.3rem .6rem;border-radius:.25rem;font-family:Fira Code,monospace;font-size:.9rem;color:#60a5fa}.markdown-example-row .arrow{font-size:1.2rem;color:#10b981;font-weight:700}.markdown-output strong{color:#f9fafb}@media (max-width:640px){.markdown-example-row{flex-direction:column;align-items:flex-start;gap:.5rem}.markdown-example-row .arrow{transform:rotate(90deg);margin:.25rem 0}}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}@media (max-width:768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.08));border:1px solid rgba(139,92,246,.2);border-radius:.75rem;padding:1.25rem;transition:all .3s ease}.faq-item:hover{border-color:rgba(139,92,246,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.15)}.dark .faq-item{background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(59,130,246,.12))}.faq-question{font-size:.95rem;margin-bottom:.5rem;color:var(--foreground)}.faq-question strong{color:#8b5cf6}.dark .faq-question strong{color:#a78bfa}.faq-answer{font-size:.9rem;color:rgba(var(--foreground-rgb),.8);line-height:1.5;margin:0}.faq-answer code{background:rgba(59,130,246,.15);padding:.15rem .4rem;border-radius:.25rem;font-family:Fira Code,monospace;font-size:.8rem;color:#60a5fa}