.certificate-list-container{flex-direction:column;gap:1rem;display:flex}.certificate-grouping-controls{border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}@media (min-width:768px){.certificate-grouping-controls{flex-direction:row;justify-content:center}}.grouping-label{color:var(--secondary-text);font-size:.875rem;font-weight:600}.grouping-buttons{background-color:var(--surface-background);border:1px solid var(--border-color);border-radius:.5rem;padding:.25rem;display:inline-flex}.grouping-button{color:var(--secondary-text);cursor:pointer;background-color:#0000;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.grouping-button .button-icon{flex-shrink:0;width:1.125rem;height:1.125rem}.grouping-button:hover:not(.active){background-color:var(--border-color-light)}.grouping-button.active{background-color:var(--primary-background);color:var(--interactive-blue);box-shadow:0 1px 3px #0000001a}.certificate-category-item{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;transition:all .3s;overflow:hidden}.certificate-category-item:has(.certificate-category-header.open){box-shadow:0 10px 15px -3px #00000012,0 4px 6px -4px #00000012}.certificate-category-header{width:100%;color:var(--primary-text);text-align:left;background-color:var(--primary-background);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.25rem;font-weight:600;transition:background-color .2s ease-in-out;display:flex}.certificate-category-header:hover{background-color:var(--surface-background);color:var(--interactive-blue)}.certificate-category-header.open{color:var(--interactive-blue);border-bottom:1px solid var(--border-color)}.category-chevron{width:1.5rem;height:1.5rem;color:var(--secondary-text);transition:transform .3s ease-in-out}.certificate-category-header:hover .category-chevron{color:var(--interactive-blue)}.certificate-category-header.open .category-chevron{transform:rotate(180deg)}.certificate-grid-wrapper{background-color:var(--surface-background);max-height:0;padding:0 1.5rem;transition:max-height .5s cubic-bezier(.25,1,.5,1),padding .5s ease-in-out;overflow:hidden}.certificate-grid-wrapper.open{max-height:2000px;padding:1.5rem}.certificate-grid{gap:1.5rem;display:grid}@media (min-width:768px){.certificate-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.certificate-grid{grid-template-columns:repeat(3,1fr)}}.certificate-card{background-color:var(--primary-background);border:2px solid var(--border-color);border-radius:.75rem;flex-direction:column;height:100%;text-decoration:none;transition:border-color .3s;display:flex;position:relative}.certificate-card:before{content:"";background:linear-gradient(45deg, var(--primary-brand-orange), var(--interactive-blue));-webkit-mask-composite:xor;opacity:0;border-radius:.6rem;padding:2px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.certificate-card:hover:before{opacity:1}.certificate-card:hover{border-color:#0000}.certificate-card-content{text-align:center;flex-direction:column;flex-grow:1;align-items:center;padding:1.5rem 1.5rem 0;display:flex}.certificate-icon{width:2.5rem;height:2.5rem;color:var(--interactive-blue);margin-bottom:1rem}.certificate-name{color:var(--primary-text);flex-grow:1;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.certificate-level-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.level-advanced{color:#991b1b;background-color:#fef2f2}.level-intermediate{color:#92400e;background-color:#fffbeb}.level-fundamentals{color:#1e40af;background-color:#eff6ff}.level-beginner{color:#4b5563;background-color:#f3f4f6}.level-community{color:#065f46;background-color:#ecfdf5}.certificate-card-footer{width:100%;margin-top:auto;padding:0 1.5rem 1.5rem}.certificate-verify-button{width:100%;color:var(--interactive-blue);background-color:var(--surface-background);border:1px solid var(--border-color);text-align:center;border-radius:.375rem;padding:.6rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:block}.certificate-card:hover .certificate-verify-button{background-color:var(--interactive-blue);color:#fff;border-color:var(--interactive-blue)}.no-results-message{text-align:center;background-color:var(--primary-background);border:1px dashed var(--border-color);color:var(--secondary-text);border-radius:.5rem;padding:2rem;font-weight:500}
.certificate-search-container{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:3rem;padding:2rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.certificate-search-title{text-align:center;color:var(--primary-text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.certificate-search-form{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.certificate-search-form{flex-direction:row;align-items:center}}.certificate-search-form .search-input-wrapper{flex-grow:1;position:relative}.certificate-search-form .search-input-icon{width:1.25rem;height:1.25rem;color:var(--subtle-text);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.certificate-search-form .search-input{border:1px solid var(--border-color);background-color:var(--surface-background);border-radius:.5rem;width:100%;padding:.8rem 1rem .8rem 3rem;transition:all .2s ease-in-out}.certificate-search-form .search-input::placeholder{color:var(--subtle-text);opacity:1}.certificate-search-form .search-input:focus{border-color:var(--interactive-blue);outline:none;box-shadow:0 0 0 2px #4f46e533}.certificate-search-form .search-button,.certificate-search-form .clear-button{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .2s ease-in-out}.certificate-search-form .search-button{background-color:var(--interactive-blue);color:#fff;justify-content:center;align-items:center;min-width:120px;display:flex}.certificate-search-form .search-button:hover:not(:disabled){background-color:var(--interactive-hover)}.certificate-search-form .search-button:disabled{background-color:var(--subtle-text);opacity:.8;cursor:not-allowed}.button-content{align-items:center;gap:.5rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.certificate-search-form .clear-button{color:var(--secondary-text);border:1px solid var(--border-color);background-color:#0000}.certificate-search-form .clear-button:hover{background-color:var(--surface-background);border-color:var(--secondary-text)}.search-error{text-align:center;color:#b91c1c;margin-top:1rem;font-weight:500}
.collapsible-section{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;transition:all .3s;overflow:hidden}.collapsible-section.open{box-shadow:0 10px 15px -3px #00000012,0 4px 6px -4px #00000012}.collapsible-header{text-align:left;background-color:var(--primary-background);justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;transition:background-color .2s ease-in-out;display:flex}.collapsible-section.open .collapsible-header,.collapsible-header:hover{background-color:var(--surface-background)}.collapsible-title{color:var(--primary-text);margin:0;font-size:1.25rem;font-weight:600}.collapsible-header:hover .collapsible-title{color:var(--interactive-blue)}.collapsible-chevron{width:1.5rem;height:1.5rem;color:var(--secondary-text);flex-shrink:0;transition:transform .3s ease-in-out}.collapsible-section.open .collapsible-chevron{transform:rotate(180deg)}.collapsible-content-wrapper{background-color:var(--primary-background);max-height:0;transition:max-height .5s cubic-bezier(.25,1,.5,1),padding .5s ease-in-out;overflow:hidden}.collapsible-section.open .collapsible-content-wrapper{max-height:5000px}.collapsible-content{border-top:1px solid var(--border-color)}.collapsible-content-padding{padding:2rem}.collapsible-content-padding p{color:var(--secondary-text);margin:0;font-size:1rem;line-height:1.7}
.discovery-card-container{background-color:var(--surface-background);padding:2rem 0}.discovery-activities-grid{grid-template-columns:1fr;gap:1.5rem;max-width:48rem;margin:0 auto;display:grid}.discovery-activity-item{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.discovery-activity-icon{background-color:var(--interactive-light);width:3rem;height:3rem;color:var(--interactive-blue);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.discovery-activity-icon svg{width:1.75rem;height:1.75rem}.discovery-activity-content h5{color:var(--primary-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.discovery-activity-content p{color:var(--secondary-text);margin:0;font-size:.95rem;line-height:1.6}
.enablement-roadmap-container{padding:2rem 1.5rem}.enablement-roadmap-description{text-align:center;color:var(--secondary-text);max-width:65ch;margin:0 auto 2.5rem;font-size:1.125rem}.enablement-timeline{max-width:48rem;margin:0 auto;position:relative}.enablement-timeline:after{content:"";background-color:var(--border-color);z-index:0;width:2px;margin-left:-1px;position:absolute;top:1rem;bottom:1rem;left:1.5rem}.roadmap-step{padding:.5rem 0 2.5rem 4rem;position:relative}.roadmap-decorator{z-index:1;position:absolute;top:.125rem;left:0}.roadmap-step-number{background-color:var(--primary-background);border:2px solid var(--border-color);width:3rem;height:3rem;color:var(--secondary-text);border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;transition:all .3s ease-in-out;display:flex}.roadmap-step:hover .roadmap-step-number{border-color:var(--interactive-blue);color:var(--interactive-blue);background-color:var(--interactive-light)}.roadmap-content{position:relative}.roadmap-step-title{color:var(--primary-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.roadmap-step-description{color:var(--secondary-text);margin:0;font-size:1rem;line-height:1.7}
.github-repo-card{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-decoration:none;transition:all .3s ease-in-out;display:block;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.github-repo-card:hover{border-color:var(--interactive-blue);transform:translateY(-5px);box-shadow:0 10px 25px -5px #00000012,0 8px 10px -6px #00000012}html.dark .github-repo-card:hover{box-shadow:0 10px 25px -5px #6366f11a,0 8px 10px -6px #6366f11a}.repo-card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.repo-card-icon{width:1.5rem;height:1.5rem;color:var(--primary-text);transition:color .2s}.repo-card-title{color:var(--primary-text);word-break:break-word;margin:0;font-size:1.25rem;font-weight:700;transition:color .2s}.github-repo-card:hover .repo-card-title,.github-repo-card:hover .repo-card-icon{color:var(--interactive-blue)}.repo-card-description{color:var(--secondary-text);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.repo-card-footer{border-top:1px solid var(--border-color-light);flex-wrap:wrap;gap:.75rem;padding-top:1.5rem;display:flex}.repo-card-tech-tag{background-color:var(--surface-background);color:var(--secondary-text);border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.repo-card-tech-icon{width:1rem;height:1rem;color:var(--subtle-text)}.repo-card-tech-icon svg{width:100%;height:100%}
.feature-item-icon-wrapper{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-item-icon-wrapper svg,.feature-icon-wrapper svg{width:2rem;height:2rem}.feature-list-container{max-width:var(--container-max-width);margin:0 auto;padding:0 1.5rem}.feature-list-title{text-align:center;background:linear-gradient(90deg,#818cf8,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.feature-list-divider{background:linear-gradient(90deg,#4f46e5,#0ea5e9);border-radius:99px;width:4rem;height:3px;margin:0 auto 3.5rem}.feature-list-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;padding:1rem 0;display:grid}@media (min-width:768px){.feature-list-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto)}}.feature-card{border:1px solid var(--border-color);text-align:left;background-color:#fff;border-radius:1.25rem;flex-direction:column;align-items:flex-start;height:100%;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--interactive-blue), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--interactive-blue);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{background-color:var(--interactive-light);color:var(--interactive-blue);border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:.75rem;transition:all .3s;display:flex}.feature-card:hover .feature-icon-wrapper{background-color:var(--interactive-blue);color:#fff;transform:scale(1.1)}.feature-card-title{color:var(--primary-text);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.3}.feature-card-description{color:var(--secondary-text);margin:0;font-size:.9375rem;line-height:1.6}@media (min-width:768px){.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}}.feature-list-single-col{grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:100%;margin:2.5rem 0;display:grid}@media (min-width:768px){.feature-list-single-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-list-single-col{grid-template-columns:repeat(3,1fr)}}.feature-item-single-col{background-color:var(--surface-background);border:1px solid var(--border-color);border-radius:.75rem;align-items:flex-start;gap:1.5rem;padding:1.5rem;transition:transform .2s;display:flex}.feature-item-single-col:hover{border-color:var(--interactive-blue);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.feature-item-icon-wrapper{width:3.5rem;height:3.5rem;color:var(--interactive-blue);background-color:#eff6ff;border:1px solid #dbeafe}.feature-item-content{flex-grow:1}.feature-item-title{color:var(--primary-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.3}.feature-item-description{color:var(--secondary-text);margin:0;font-size:.95rem;line-height:1.6}
.image-caption-wrapper{max-width:48rem;margin:2.5rem auto}.image-caption-wrapper .next-image-container{aspect-ratio:16/9;border-radius:1rem;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.image-caption-text{text-align:center;color:var(--secondary-text);margin-top:1rem;font-size:.875rem}.image-decorative-frame-wrapper{max-width:48rem;margin:4rem auto;position:relative}.image-decorative-frame-bg{z-index:-1;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #8b5cf633;border-radius:1.5rem;width:100%;height:100%;position:absolute;top:-1.25rem;left:-1.25rem;transform:rotate(-2deg)}.image-polaroid-wrapper{background:linear-gradient(#fff,#f9fafb);border-radius:.25rem;max-width:24rem;margin:2.5rem auto;padding:1.25rem 1.25rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:rotate(1.5deg);box-shadow:0 4px 6px -1px #0000001a,0 10px 30px -5px #0003,inset 0 0 100px #00000005}.image-polaroid-wrapper:hover{transform:rotate(0)translateY(-8px)scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 40px 60px -10px #0000004d}.next-image-container-polaroid{aspect-ratio:1;width:100%;margin-bottom:.5rem;position:relative}.image-polaroid-text{text-align:center;color:var(--primary-text);margin-top:1rem;font-size:1.125rem}.image-gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:56rem;margin:2.5rem auto;display:grid}@media (min-width:768px){.image-gallery-grid{grid-template-columns:repeat(3,1fr)}}.image-gallery-item{cursor:pointer;aspect-ratio:1;background:0 0;border:none;border-radius:.75rem;width:100%;padding:0;display:block;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.image-gallery-item:focus-visible{outline:2px solid var(--interactive-blue);outline-offset:4px}.next-image-container-gallery{width:100%;height:100%;position:relative}.image-gallery-item .next-image-container-gallery img{transition:transform .3s}.image-gallery-item:hover .next-image-container-gallery img,.image-gallery-item:hover img{transform:scale(1.1)}
.lifecycle-timeline{max-width:48rem;margin:0 auto;position:relative}.lifecycle-timeline:after{content:"";background-color:var(--border-color);z-index:0;width:3px;margin-left:-1.5px;position:absolute;top:1.5rem;bottom:1.5rem;left:1.5rem}.lifecycle-step{padding:.5rem 0 3.5rem 4.5rem;position:relative}.lifecycle-decorator{z-index:1;position:absolute;top:.125rem;left:0}.lifecycle-step-number{background-color:var(--primary-background);border:3px solid var(--border-color);width:3rem;height:3rem;color:var(--secondary-text);border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;transition:all .3s ease-in-out;display:flex}.lifecycle-step:hover .lifecycle-step-number{border-color:var(--interactive-blue);color:var(--interactive-blue);background-color:var(--interactive-light)}.lifecycle-content{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;position:relative}.lifecycle-step-header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}@media (min-width:640px){.lifecycle-step-header{flex-direction:row;justify-content:space-between;align-items:center}}.lifecycle-step-title{color:var(--primary-text);margin:0;font-size:1.5rem;font-weight:600}.lifecycle-step-description{color:var(--secondary-text);margin:0 0 1.5rem;font-size:1rem;line-height:1.7}.how-i-do-it-box{background-color:var(--surface-background);border:1px solid var(--border-color);border-left:4px solid var(--primary-brand-orange);border-radius:.5rem;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.how-i-do-it-icon{flex-shrink:0;width:80px;height:32px;margin-top:.2rem}.how-i-do-it-text{color:var(--primary-text);margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.lifecycle-related-resource{background-color:var(--interactive-light);color:var(--interactive-blue);border-radius:9999px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.lifecycle-related-resource:hover{background-color:var(--interactive-blue);color:#fff}.lifecycle-related-resource svg{width:1rem;height:1rem}.embedded-component-wrapper{border-top:1px dashed var(--border-color);margin-top:1.5rem}