@import"https://fonts.googleapis.com/css2?family=Cabinet+Grotesk:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.grow\!{flex-grow:1!important}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}html{scroll-behavior:smooth}:target{scroll-margin-top:5rem}.skip-link{color:#fff;z-index:100;background:#000;padding:8px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}:root{--color-gray-900:#1f2937;--color-gray-700:#374151;--color-gray-600:#4b5563;--color-gray-500:#6b7280;--color-gray-400:#9ca3af;--color-gray-300:#d1d5db;--color-gray-200:#e5e7eb;--color-gray-100:#f3f4f6;--color-gray-50:#f8fafc;--color-blue-600:#3b82f6;--color-blue-700:#1d4ed8;--color-cyan-400:#7dd3fc;--color-emerald-500:#059669;--color-emerald-600:#047857;--color-emerald-100:#d1fae5;--color-emerald-50:#f0fdf4;--color-slate-900:#0f172a;--color-slate-700:#334155;--color-slate-300:#cbd5e1;--color-slate-100:#f1f5f9;--color-slate-50:#f8fafc;--color-amber-500:#d97706;--color-amber-100:#fef3c7;--color-primary:var(--color-emerald-500);--color-primary-dark:var(--color-emerald-600);--color-primary-light:var(--color-emerald-100);--color-accent:var(--color-amber-500);--font-family-display:"Cabinet Grotesk","Segoe UI",sans-serif;--font-family-primary:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-base:all .3s ease;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:20px;--border-radius-full:50px;--container-max-width:1200px;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--grid-pattern:linear-gradient(#ffffff1f 1px,transparent 1px),linear-gradient(90deg,#ffffff1f 1px,transparent 1px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-primary);color:var(--color-slate-700);background:var(--color-slate-50);line-height:1.6;overflow-x:hidden}main{padding-top:4rem}.btn-base{border-radius:var(--border-radius-full);transition:var(--transition-base);cursor:pointer;border:none;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #05966926}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #05966940}.btn-secondary{background:var(--color-slate-700);color:#fff;box-shadow:0 2px 8px #0f172a26}.btn-secondary:hover{background:var(--color-slate-900);box-shadow:0 4px 12px #0f172a40}.btn-ghost{color:var(--color-slate-700);border:1px solid var(--color-slate-300);backdrop-filter:blur(4px);background:#f8fafccc}.btn-ghost:hover{border-color:var(--color-slate-300);background:#f1f5f9e6;box-shadow:0 2px 8px #0f172a14}.container{max-width:var(--container-max-width);padding:0 var(--space-xl);margin:0 auto}.glass-bg{backdrop-filter:blur(10px);background:#fffffff2}.hero-bg{background:var(--gradient-hero);position:relative;overflow:hidden}.hero-bg:before{content:"";background-image:var(--grid-pattern);opacity:.3;background-position:-1px -1px;background-size:24px 24px;position:absolute;inset:0}.badge-base{border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:.375rem .875rem;font-weight:600;display:inline-block}.badge-foundations{background:linear-gradient(135deg,var(--color-yellow-400),var(--color-amber-500));color:#92400e}.badge-beginners{background:linear-gradient(135deg,var(--color-emerald-100),var(--color-emerald-500));color:#064e3b}.badge-genai{background:linear-gradient(135deg,#c4b5fd,var(--color-purple-500));color:#581c87}.header{backdrop-filter:blur(8px);border-bottom:1px solid var(--color-slate-300);z-index:1000;padding:var(--space-md)0;background:#f8fafcf2;transition:border-color .3s,background .3s;position:fixed;top:0;left:0;right:0}.nav-container{max-width:var(--container-max-width);padding:0 var(--space-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{font-size:var(--font-size-2xl);color:var(--color-slate-900);font-weight:800;font-family:var(--font-family-display);letter-spacing:-1px;position:relative}.logo a{color:inherit;align-items:center;text-decoration:none;transition:color .2s;display:flex}.logo a:hover{color:var(--color-primary)}.nav-menu{gap:var(--space-xl);align-items:center;list-style:none;display:flex}.nav-link{color:var(--color-slate-700);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;text-decoration:none;transition:color .2s,border-color .2s;position:relative}.nav-link:hover{color:var(--color-primary)}.cta-button,.hero-cta{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-lg);cursor:pointer;font-weight:700;font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:.05em;border:none;align-items:center;padding:.875rem 1.75rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #05966933}.cta-button:hover,.hero-cta:hover{background:var(--color-primary-dark);box-shadow:0 6px 16px #0596694d}.hero,.collection-hero{background:linear-gradient(135deg,var(--color-slate-50)0%,var(--color-emerald-50)100%);padding:2rem var(--space-xl)1.5rem;text-align:left;border-bottom:2px solid var(--color-slate-200);position:relative;overflow:hidden}.hero:before,.collection-hero:before{content:"";background-image:var(--grid-pattern);opacity:.08;background-position:0 0;background-size:32px 32px;position:absolute;inset:0}.collection-hero.foundations{background:var(--gradient-foundations)}.hero-content{max-width:var(--container-max-width);z-index:2;text-align:center;margin:0 auto;position:relative}.hero-content.collection{max-width:var(--container-max-width)}.hero h1{font-size:var(--font-size-4xl);color:var(--color-slate-900);font-weight:800;font-family:var(--font-family-display);letter-spacing:-.8px;text-transform:none;margin:0 auto 1.25rem;line-height:1.15}.hero p{font-size:var(--font-size-lg);color:var(--color-slate-700);max-width:750px;margin:0 auto 1.75rem;font-weight:400;line-height:1.7}.courses-section{padding:1.5rem var(--space-xl)var(--space-3xl);background:#fff}.section-container{max-width:var(--container-max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-title{font-size:var(--font-size-3xl);color:var(--color-slate-900);margin-bottom:var(--space-md);font-weight:800;font-family:var(--font-family-display);letter-spacing:-.6px;text-transform:none}.section-subtitle{font-size:var(--font-size-base);color:var(--color-slate-700);max-width:650px;margin:0 auto;line-height:1.7}.courses-grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.course-card{border-radius:var(--border-radius-lg);border:1px solid var(--color-slate-300);background:#fff;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a14}.course-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #05966926}.course-image{width:100%;height:80px;color:var(--color-slate-700);background:var(--color-slate-100);border-bottom:1px solid var(--color-slate-200);justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.course-content{padding:1.5rem}.course-meta{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.difficulty-badge{background:var(--color-primary-light);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;font-family:var(--font-family-display);border-radius:.375rem;padding:.375rem .75rem}.duration{color:#6b7280;font-size:.875rem}.course-title{font-size:var(--font-size-xl);color:var(--color-slate-900);margin-bottom:var(--space-sm);font-weight:700;line-height:1.3;font-family:var(--font-family-display);letter-spacing:-.3px}.course-title a{color:inherit;transition:var(--transition-base);text-decoration:none}.course-description{color:var(--color-slate-700);font-size:var(--font-size-sm);margin-bottom:var(--space-md);line-height:1.6}.course-footer{justify-content:space-between;align-items:center;display:flex}.learn-more-btn,.learn-more-btn.foundations,.learn-more-btn.beginners,.learn-more-btn.genai{color:#fff;font-weight:700;font-size:var(--font-size-sm);background:var(--color-primary);cursor:pointer;font-family:var(--font-family-display);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-lg);border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #05966926}.learn-more-btn:hover,.learn-more-btn.foundations:hover,.learn-more-btn.beginners:hover,.learn-more-btn.genai:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #05966940}.learn-more-btn.foundations,.learn-more-btn.beginners,.learn-more-btn.genai{color:#fff;background:var(--color-primary)}.continue-learning-btn{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-sm);transition:var(--transition-base);background:var(--gradient-secondary);color:#fff;border-radius:25px;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.learn-more-btn:hover,.continue-learning-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666}.footer{background:var(--color-slate-900);color:var(--color-slate-300);border-top:1px solid var(--color-slate-700);padding:3rem 2rem 1rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h3{color:#fff;font-size:1.125rem;font-weight:800;font-family:var(--font-family-display);letter-spacing:-.3px;text-transform:none;margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--color-slate-400);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-primary-light)}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-link{background:var(--color-slate-700);width:40px;height:40px;color:var(--color-slate-300);border-radius:.375rem;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{background:var(--color-primary);color:#fff}.footer-bottom{border-top:1px solid var(--color-slate-700);text-align:center;color:var(--color-slate-500);font-size:var(--font-size-sm);padding-top:1rem}.article-layout{background:#f8fafc;grid-template-columns:320px 1fr;gap:0;min-height:100vh;padding-top:4rem;display:grid}.article-content{background:#fff;flex-direction:column;min-width:0;display:flex}.mobile-toc-toggle{z-index:30;backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb80;padding:1rem;display:none;position:sticky;top:0}.mobile-toc-btn{color:#374151;backdrop-filter:blur(4px);background:#f9fafbcc;border:1px solid #d1d5db80;border-radius:12px;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0000000a}.mobile-toc-btn:hover{background:#f3f4f6e6;border-color:#9ca3af99;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.article-main{max-width:4xl;flex:1;width:100%;margin:0 auto;padding:2rem 3rem}.back-navigation{margin-bottom:2rem}.back-link{color:#3b82f6;align-items:center;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.back-link:hover{color:#1d4ed8;transform:translate(-2px)}.back-link:hover svg{transform:translate(-2px)}.article-header{border-bottom:1px solid #e5e7eb80;margin-bottom:3rem;padding-bottom:2rem}.article-meta{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.article-badge{background:var(--gradient-badge-beginners);color:#064e3b;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.375rem .875rem;font-size:.75rem;font-weight:600}.article-badge.foundation{background:var(--gradient-badge-foundations);color:#92400e}.article-badge.intermediate{background:linear-gradient(135deg,var(--color-cyan-400),var(--color-blue-600));color:#1e3a8a}.article-duration{color:#6b7280;font-size:.875rem;font-weight:500}.article-title{color:var(--color-slate-900);font-size:2.75rem;font-weight:800;line-height:1.15;font-family:var(--font-family-display);letter-spacing:-.6px;margin-bottom:1rem}.article-description{color:#6b7280;margin:0;font-size:1.25rem;line-height:1.6}.sketchnote{border:1px solid #50074c;justify-content:center;width:800px;margin-top:2rem;display:flex}.prose-content{color:#374151;line-height:1.75}.prose-content h1,.prose-content h2,.prose-content h3,.prose-content h4,.prose-content h5,.prose-content h6{color:#1f2937;margin-top:2rem;margin-bottom:1rem;scroll-margin-top:6rem;font-weight:700;line-height:1.3}.prose-content h1{font-size:2.25rem}.prose-content h2{font-size:1.875rem}.prose-content h3{font-size:1.5rem}.prose-content h4{font-size:1.25rem}.prose-content p{margin-bottom:1.5rem;line-height:1.75}.prose-content a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .3s}.prose-content a:hover{color:#1d4ed8;text-decoration:underline}.prose-content ul,.prose-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose-content li{margin-bottom:.5rem;line-height:1.6}.prose-content blockquote{color:#6b7280;background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;margin:2rem 0;padding:1.5rem;font-style:italic}.prose-content code{color:#5b21b6;background:#6366f11a;border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:500}.prose-content pre{color:#f9fafb;background:#1f2937;border-radius:12px;margin:2rem 0;padding:1.5rem;overflow-x:auto;box-shadow:0 10px 30px #0003}.prose-content pre code{color:inherit;background:0 0;padding:0}.prose-content img{border-radius:12px;margin:2rem 0;box-shadow:0 10px 30px #0000001a}.prose-content table{border-collapse:collapse;border-radius:12px;width:100%;margin:2rem 0;overflow:hidden;box-shadow:0 4px 20px #0000000d}.prose-content th,.prose-content td{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.prose-content th{color:#374151;background:#f8fafc;font-weight:600}.article-footer{border-top:1px solid #e5e7eb80;margin-top:4rem;padding-top:2rem}.reading-progress-section{margin-bottom:2rem}.progress-label{color:#6b7280;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.progress-bar-container{background:#e5e7eb80;border-radius:4px;width:200px;height:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.reading-progress{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .3s;box-shadow:0 2px 8px #3b82f64d}.article-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.scroll-top-btn{color:#374151;backdrop-filter:blur(4px);cursor:pointer;background:#f9fafbcc;border:1px solid #d1d5db80;border-radius:12px;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s;display:inline-flex}.scroll-top-btn:hover{background:#f3f4f6e6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.continue-learning-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #3b82f64d}.continue-learning-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.toc-navigation{background:#fff;border-right:1px solid #e5e7eb80;height:calc(100vh - 4rem);position:sticky;top:4rem;overflow-y:auto;box-shadow:2px 0 20px #0000000d}.toc-content{padding:2rem}.toc-mobile-header{border-bottom:1px solid #e5e7eb80;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:none}.toc-desktop-header{border-bottom:1px solid #e5e7eb80;margin-bottom:1.5rem;padding-bottom:1rem;display:block}.toc-title{color:#1f2937;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.toc-title svg{color:#3b82f6}.toc-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .3s}.toc-close-btn:hover{color:#374151;background:#f3f4f6cc}.toc-sections{gap:var(--space-sm);flex-direction:column;display:flex}.toc-section{margin-bottom:.5rem}.toc-link{color:#374151;border-left:3px solid #0000;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.toc-level-1{color:#1f2937;font-weight:600}.toc-level-2{color:#4b5563;margin-left:1rem}.toc-level-3{color:#6b7280;margin-left:2rem}.toc-link:hover{color:#3b82f6;background:#3b82f60d;border-left-color:#3b82f6}.toc-link.active{color:#1d4ed8;background:#3b82f61a;border-left-color:#3b82f6;font-weight:600}.toc-link-content{align-items:center;display:flex}.toc-icon{color:#3b82f6;opacity:.7;width:1rem;height:1rem;margin-right:.5rem}.toc-icon-small{color:#6b7280;width:.75rem;height:.75rem;margin-right:.5rem}.toc-icon-tiny{color:#9ca3af;width:.5rem;height:.5rem;margin-right:.5rem}.toc-subsections{margin-top:.25rem;margin-bottom:.25rem}.toc-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.toc-empty-icon{color:#d1d5db;width:3rem;height:3rem;margin:0 auto .75rem}.toc-empty-text{color:#6b7280;font-size:.875rem}.toc-progress{background:linear-gradient(#3b82f6,#1d4ed8);border-radius:0 2px 2px 0;width:3px;height:0%;transition:height .3s;position:absolute;top:0;left:0}.toc-overlay{z-index:35;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;display:none;position:fixed;inset:0}.toc-overlay.open{opacity:1;visibility:visible}.toc-navigation::-webkit-scrollbar{width:6px}.toc-navigation::-webkit-scrollbar-track{background:#f8fafc}.toc-navigation::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.toc-navigation::-webkit-scrollbar-thumb:hover{background:#94a3b8}.icon-empty{margin-bottom:.75rem;font-size:1.5rem}@media (max-width:1024px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.article-layout{grid-template-columns:1fr}.article-content{grid-column:1}.toc-navigation{z-index:50;height:100vh;transition:left .3s;position:fixed;top:0;left:-320px}.toc-navigation.open{left:0}.toc-mobile-header{display:flex}.toc-desktop-header{display:none}.mobile-toc-toggle,.toc-overlay{display:block}}@media (max-width:768px){.nav-menu{display:none}.hero{padding:4rem 1rem 1.5rem}.hero h1{font-size:2.5rem}.courses-grid{grid-template-columns:1fr;gap:1.5rem}.section-title{font-size:2rem}.article-main{padding:1.5rem 1rem}.article-title{font-size:2rem}.article-actions{flex-direction:column;gap:1rem}.article-actions .scroll-top-btn,.article-actions .continue-learning-btn{justify-content:center;width:100%}}@media (max-width:480px){.hero h1{font-size:2rem}.nav-container{padding:0 1rem}.courses-section{padding:3rem 1rem}.article-title{font-size:1.75rem}.mobile-toc-btn{justify-content:center;width:100%}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cta-button:focus,.hero-cta:focus,.learn-more-btn:focus,.nav-link:focus{outline-offset:2px;outline:2px solid #10b981}.collection-breadcrumb{text-align:center;margin-bottom:2rem}.breadcrumb-link{color:var(--color-slate-600);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}.breadcrumb-link:hover{color:var(--color-primary)}.collection-header{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.collection-icon{border-radius:var(--border-radius-lg);background:#0596691a;justify-content:center;align-items:center;padding:1.25rem;font-size:3.5rem;display:flex}.collection-meta{flex:1;width:100%}.collection-badge{border-radius:var(--border-radius-lg);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;font-family:var(--font-family-display);margin-bottom:1rem;padding:.375rem .75rem;display:inline-block}.collection-badge.foundations,.collection-badge.beginners,.collection-badge.genai{background:var(--color-primary-light);color:var(--color-primary-dark)}.collection-title{color:var(--color-slate-900);font-size:3rem;font-weight:800;line-height:1.1;font-family:var(--font-family-display);letter-spacing:-.8px;margin-bottom:1rem}.collection-description{font-size:var(--font-size-base);color:var(--color-slate-700);max-width:750px;margin-left:auto;margin-right:auto;line-height:1.7}.collection-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;display:flex}.stat-item{color:var(--color-slate-700);font-weight:600;font-family:var(--font-family-display);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;align-items:center;gap:.75rem;padding:0;display:flex}.stat-item a{color:inherit;text-decoration:none;transition:color .2s}.stat-item a:hover{color:var(--color-primary)}.stat-item svg{color:var(--color-primary);width:1.25rem;height:1.25rem}.collection-content{background:#f8fafc;padding:4rem 2rem}.foundations-gradient,.beginners-gradient,.genai-gradient{background:var(--color-slate-100);border-bottom:1px solid var(--color-slate-200);color:var(--color-slate-700)}.difficulty-badge.foundations,.difficulty-badge.beginners,.difficulty-badge.genai{background:var(--color-primary-light);color:var(--color-primary-dark)}.foundations-avatar{background:linear-gradient(135deg,#f59e0b,#d97706)}.beginners-avatar{background:linear-gradient(135deg,#10b981,#059669)}.genai-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.learn-more-btn.foundations,.learn-more-btn.beginners,.learn-more-btn.genai{background:var(--color-primary);color:#fff}.course-number{color:#1f2937;backdrop-filter:blur(4px);background:#ffffffe6;border-radius:8px;padding:.5rem .75rem;font-size:.875rem;font-weight:700;position:absolute;top:1rem;left:1rem}.course-icon{opacity:.8;font-size:2.5rem}.icon{vertical-align:middle;margin-right:6px;display:inline-block}.icon-sm{width:12px;height:12px}.icon-md{width:14px;height:14px}.icon-lg{width:16px;height:16px}.icon-xl{width:24px;height:24px}.icon-document{vertical-align:middle;border:2px solid;border-radius:2px;width:14px;height:16px;margin-right:8px;position:relative}.icon-document:after{content:"";background-color:currentColor;width:6px;height:2px;position:absolute;top:3px;left:3px;box-shadow:0 3px,0 6px}.icon-close{vertical-align:middle;width:14px;height:14px;position:relative}.icon-close:before,.icon-close:after{content:"";background-color:currentColor;width:100%;height:2px;position:absolute;top:50%;left:0}.icon-close:before{transform:rotate(45deg)}.icon-close:after{transform:rotate(-45deg)}.icon-arrow{vertical-align:middle;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:8px;height:8px;margin-right:6px;display:inline-block}.icon-dot{vertical-align:middle;background-color:currentColor;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.icon-dot-small{width:3px;height:3px}.icon-home{vertical-align:middle;border:2px solid;border-radius:2px;width:14px;height:14px;margin-right:6px;display:inline-block;position:relative}.icon-home:before{content:"";background-color:#0000;border-top:6px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:8px;height:6px;position:absolute;top:-6px;left:1px}.icon-chevron{vertical-align:middle;border-top:2px solid;border-right:2px solid;width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.icon-back-arrow{width:12px;height:12px;margin-right:6px;display:inline-block;position:relative}.icon-back-arrow:before{content:"";border-top:2px solid;border-left:2px solid;width:8px;height:8px;position:absolute;top:2px;transform:rotate(-45deg)}.icon-hamburger{width:14px;height:14px;margin-right:6px;display:inline-block;position:relative}.icon-hamburger:before{content:"";background-color:currentColor;width:100%;height:2px;position:absolute;top:2px;box-shadow:0 5px,0 10px}.icon-arrow-up{width:12px;height:12px;margin-right:6px;display:inline-block;position:relative}.icon-arrow-up:before{content:"";border-top:2px solid;border-right:2px solid;width:8px;height:8px;position:absolute;top:4px;transform:rotate(-45deg)}.icon-arrow-right{content:"➡️";width:12px;height:12px;margin-left:6px;font-size:16px;display:inline-block;position:relative}.icon-arrow-right:before{content:"";border-top:2px solid;border-right:2px solid;width:8px;height:8px;position:absolute;top:2px;left:1px;transform:rotate(45deg)}.icon-document-fill{vertical-align:middle;border:2px solid;border-radius:2px;width:14px;height:16px;margin-right:6px;display:inline-block;position:relative}.icon-document-fill:before{content:"";background-color:currentColor;width:6px;height:2px;position:absolute;top:3px;left:3px;box-shadow:0 3px,0 6px}.icon-document-fill:after{content:"";background-color:currentColor;width:6px;height:6px;position:absolute;top:-4px;right:-4px;transform:rotate(45deg)}.icon-clock{vertical-align:middle;border:2px solid;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block;position:relative}.icon-clock:before{content:"";background-color:currentColor;width:1px;height:4px;position:absolute;top:3px;left:6px}.icon-clock:after{content:"";background-color:currentColor;width:4px;height:1px;position:absolute;top:6px;left:3px}.icon-user{vertical-align:middle;width:14px;height:14px;margin-right:6px;display:inline-block;position:relative}.icon-user:before{content:"";border:1.5px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.icon-user:after{content:"";border:1.5px solid;border-bottom:none;border-radius:5px 5px 0 0;width:10px;height:5px;position:absolute;top:8px;left:2px}.icon-empty{width:24px;height:24px;margin-bottom:8px;display:inline-block}@media (max-width:768px){.collection-header{text-align:center;flex-direction:column;gap:1.5rem}.collection-title{font-size:2.25rem}.collection-stats{flex-direction:column;gap:1rem}.stat-item{justify-content:center;width:100%}}@media (max-width:480px){.collection-hero{padding:4rem 1rem 3rem}.collection-title{font-size:1.875rem}.collection-description{font-size:1rem}.collection-icon{padding:1rem;font-size:3rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}