.flex-col{flex-direction:column}.py-4{padding-top:1rem;padding-bottom:1rem}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.px-8{padding-left:2rem;padding-right:2rem}.justify-between{justify-content:space-between}.items-center{align-items:center}.p-8{padding:2rem}.flex-1{flex:1 1 0%}.w-full{width:100%}.bg-gray-50{background-color:#f9fafb}.py-16{padding-top:4rem;padding-bottom:4rem}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-500{color:#6b7280}.text-blue-500{color:#3b82f6}.text-white{color:#fff}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.pb-4{padding-bottom:1rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.gap-4{gap:1rem}.justify-center{justify-content:center}.grid{display:grid}.gap-8{gap:2rem}.p-6{padding:1.5rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.bg-gray-100{background-color:#f3f4f6}.bg-blue-500{background-color:#3b82f6}.no-underline{text-decoration-line:none}.inline{display:inline}.inline-block{display:inline-block}.block{display:block}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.border{border-width:1px}.border-2{border-width:2px}.uppercase{text-transform:uppercase}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:#fff}.min-h-screen{min-height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.max-w-container{max-width:1200px}.list-none{list-style:none}.no-underline{text-decoration:none}.navbar-border{border-bottom:1px solid #e9ecef}.footer-border{border-top:1px solid #e9ecef}.nav-link{color:#333;text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:#3b82f6}.home-container{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.btn-hover-primary{transition:background-color .2s;border:2px solid transparent}.btn-hover-primary:hover{background:#2563eb}.btn-hover-secondary{transition:all .2s;border-color:#3b82f6;background:transparent}.btn-hover-secondary:hover{background:#3b82f6;color:#fff}.index-container,.page-container{max-width:800px}.list-item-hover{border-color:#e9ecef;transition:all .2s}.list-item-hover:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.inherit-color{color:inherit}.border-bottom{border-bottom:1px solid #e9ecef}.difficulty-beginner{background:#d1fae5;color:#065f46}.difficulty-intermediate{background:#fef3c7;color:#92400e}.difficulty-advanced{background:#fecaca;color:#991b1b}.content{line-height:1.8}.content h1{font-size:2rem;margin-top:2rem;margin-bottom:1rem}.content h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;color:#3b82f6}.content h3{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.75rem}.content p{margin-bottom:1rem}.content ul,.content ol{margin-left:2rem;margin-bottom:1rem}.content li{margin-bottom:.5rem}.content code{background:#f8f9fa;padding:.2rem .4rem;border-radius:.25rem;font-family:Monaco,Courier New,monospace;font-size:.9em;color:#e83e8c}.content pre{background:#282c34;color:#abb2bf;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}.content pre code{background:none;color:inherit;padding:0}.content a{color:#3b82f6;text-decoration:none}.content a:hover{text-decoration:underline}.code-block{margin:1.5rem 0}.code-header{background:#1e2127;padding:.5rem 1rem;border-radius:.5rem .5rem 0 0;display:flex;justify-content:space-between;align-items:center}.code-lang{color:#abb2bf;font-size:.75rem;text-transform:uppercase;font-weight:600}.code-block pre{margin:0;border-radius:0 0 .5rem .5rem}.code-header+pre{border-radius:0 0 .5rem .5rem}@media(max-width:768px){.hero h1{font-size:2.5rem}.tagline{font-size:1rem}.actions{flex-direction:column}.features{grid-template-columns:1fr}}