.Examples-module__IACmOW__examplesPage{color:#fff;background:linear-gradient(135deg,#0a0e1a 0%,#1a1f2e 50%,#2a2f3e 100%);min-height:100vh}.Examples-module__IACmOW__header{background:#0f172a4d;border-bottom:1px solid #ffffff1a;padding:2rem 0 4rem}.Examples-module__IACmOW__container{max-width:1200px;margin:0 auto;padding:0 2rem}.Examples-module__IACmOW__breadcrumb{align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;display:flex}.Examples-module__IACmOW__breadcrumbLink{color:#6366f1;text-decoration:none;transition:color .2s}.Examples-module__IACmOW__breadcrumbLink:hover{color:#8b5cf6}.Examples-module__IACmOW__breadcrumbSeparator{color:#64748b}.Examples-module__IACmOW__breadcrumbCurrent{color:#94a3b8}.Examples-module__IACmOW__headerContent{max-width:800px}.Examples-module__IACmOW__title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e2e8f0 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}.Examples-module__IACmOW__subtitle{color:#94a3b8;font-size:1.25rem;line-height:1.6}.Examples-module__IACmOW__categoriesSection{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a33;border-bottom:1px solid #ffffff1a;padding:2rem 0;position:sticky;top:0}.Examples-module__IACmOW__categories{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.Examples-module__IACmOW__categoryTab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.Examples-module__IACmOW__categoryTab:hover{background:#ffffff14;border-color:#6366f14d}.Examples-module__IACmOW__categoryTab.Examples-module__IACmOW__active{color:#a5b4fc;background:#6366f133;border-color:#6366f166}.Examples-module__IACmOW__categoryIcon{font-size:1rem}.Examples-module__IACmOW__examplesSection{padding:4rem 0}.Examples-module__IACmOW__examplesGrid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;display:grid}.Examples-module__IACmOW__exampleCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;transition:all .2s;overflow:hidden}.Examples-module__IACmOW__exampleCard:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 10px 30px #6366f11a}.Examples-module__IACmOW__exampleHeader{padding:2rem}.Examples-module__IACmOW__exampleMeta{margin-bottom:1.5rem}.Examples-module__IACmOW__metaTop{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.Examples-module__IACmOW__exampleCard h3{color:#e2e8f0;flex:1;margin:0;font-size:1.25rem;font-weight:600}.Examples-module__IACmOW__difficulty{flex-shrink:0}.Examples-module__IACmOW__difficultyBadge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.Examples-module__IACmOW__difficultyBadge.Examples-module__IACmOW__beginner{color:#10b981;background:#10b98133}.Examples-module__IACmOW__difficultyBadge.Examples-module__IACmOW__intermediate{color:#f59e0b;background:#f59e0b33}.Examples-module__IACmOW__difficultyBadge.Examples-module__IACmOW__advanced{color:#ef4444;background:#ef444433}.Examples-module__IACmOW__exampleDescription{color:#94a3b8;margin-bottom:1rem;line-height:1.5}.Examples-module__IACmOW__tags{flex-wrap:wrap;gap:.5rem;display:flex}.Examples-module__IACmOW__tag{color:#a5b4fc;background:#6366f11a;border-radius:8px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.Examples-module__IACmOW__codeExample{background:#0f172acc;border-top:1px solid #ffffff1a}.Examples-module__IACmOW__codeHeader{background:#1e293bcc;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.Examples-module__IACmOW__codeHeader span{color:#e2e8f0;font-size:.875rem;font-weight:500}.Examples-module__IACmOW__copyButton{color:#a5b4fc;cursor:pointer;background:#6366f133;border:1px solid #6366f166;border-radius:6px;padding:.5rem 1rem;font-size:.75rem;transition:all .2s}.Examples-module__IACmOW__copyButton:hover{background:#6366f14d}.Examples-module__IACmOW__code{color:#e2e8f0;background:0 0;max-height:400px;margin:0;padding:1.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;overflow:auto}.Examples-module__IACmOW__noResults{text-align:center;color:#94a3b8;padding:4rem 2rem}.Examples-module__IACmOW__noResultsIcon{margin-bottom:1rem;font-size:3rem}.Examples-module__IACmOW__noResults h3{color:#e2e8f0;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.Examples-module__IACmOW__noResults p{font-size:1rem;line-height:1.5}.Examples-module__IACmOW__ctaSection{background:#0f172a4d;border-top:1px solid #ffffff1a;padding:4rem 0}.Examples-module__IACmOW__ctaContent{text-align:center;max-width:600px;margin:0 auto}.Examples-module__IACmOW__ctaContent h2{color:#e2e8f0;margin-bottom:1rem;font-size:2rem;font-weight:700}.Examples-module__IACmOW__ctaContent p{color:#94a3b8;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.Examples-module__IACmOW__ctaButtons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.Examples-module__IACmOW__primaryButton{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.Examples-module__IACmOW__primaryButton:hover{transform:translateY(-1px);box-shadow:0 10px 20px #6366f14d}.Examples-module__IACmOW__secondaryButton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.Examples-module__IACmOW__secondaryButton:hover{background:#ffffff1a;transform:translateY(-1px)}.Examples-module__IACmOW__categories::-webkit-scrollbar{width:6px;height:6px}.Examples-module__IACmOW__code::-webkit-scrollbar{width:6px;height:6px}.Examples-module__IACmOW__categories::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.Examples-module__IACmOW__code::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.Examples-module__IACmOW__categories::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.Examples-module__IACmOW__code::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.Examples-module__IACmOW__categories::-webkit-scrollbar-thumb:hover{background:#6366f180}.Examples-module__IACmOW__code::-webkit-scrollbar-thumb:hover{background:#6366f180}@media (max-width:768px){.Examples-module__IACmOW__title{font-size:2.5rem}.Examples-module__IACmOW__subtitle{font-size:1.125rem}.Examples-module__IACmOW__examplesGrid{grid-template-columns:1fr}.Examples-module__IACmOW__metaTop{flex-direction:column;align-items:flex-start;gap:.5rem}.Examples-module__IACmOW__ctaButtons{flex-direction:column;align-items:center}.Examples-module__IACmOW__primaryButton,.Examples-module__IACmOW__secondaryButton{width:100%;max-width:300px}}@media (max-width:480px){.Examples-module__IACmOW__container{padding:0 1rem}.Examples-module__IACmOW__title{font-size:2rem}.Examples-module__IACmOW__exampleHeader{padding:1.5rem}.Examples-module__IACmOW__categories{gap:.5rem}.Examples-module__IACmOW__categoryTab{padding:.5rem 1rem;font-size:.875rem}.Examples-module__IACmOW__categoryIcon{font-size:.875rem}}