.patterns-hero-section[data-astro-cid-7cixkx3v]{min-height:70vh;display:flex;align-items:center}.patterns-hero-content[data-astro-cid-7cixkx3v]{max-width:900px;width:100%}.hero-tagline-wrapper[data-astro-cid-7cixkx3v]{margin-bottom:24px}.patterns-hero-title[data-astro-cid-7cixkx3v]{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#fff;margin-bottom:32px;line-height:1.2}.patterns-hero-description[data-astro-cid-7cixkx3v]{font-size:clamp(1.1rem,2vw,1.25rem);color:#ffffffe6;line-height:1.7;margin-bottom:40px}.hero-button-wrapper[data-astro-cid-7cixkx3v]{margin-top:32px}@media(max-width:768px){.patterns-hero-section[data-astro-cid-7cixkx3v]{min-height:60vh}.patterns-hero-title[data-astro-cid-7cixkx3v]{margin-bottom:24px}.patterns-hero-description[data-astro-cid-7cixkx3v]{margin-bottom:32px}}.filters-sidebar[data-astro-cid-kc6xtiiw]{position:sticky;top:2rem;align-self:start}.filter-section[data-astro-cid-kc6xtiiw]{margin-bottom:2rem;background:#fff9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.5);border-radius:var(--r-lg);padding:1.5rem;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffffe6;transition:all .4s var(--ease-premium)}.filter-section[data-astro-cid-kc6xtiiw]:hover{background:#ffffffbf;box-shadow:0 12px 40px #0000001f,inset 0 1px #fffffff2}.filter-label[data-astro-cid-kc6xtiiw]{font-size:1rem;font-weight:700;color:var(--c-charcoal);margin-bottom:1rem;display:block;position:relative;padding-bottom:.5rem}.filter-label[data-astro-cid-kc6xtiiw]:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--c-sky));border-radius:2px}.filter-buttons-container[data-astro-cid-kc6xtiiw]{display:flex;flex-direction:column;gap:.75rem}.filter-btn[data-astro-cid-kc6xtiiw]{display:block;width:100%;text-align:left;padding:12px 16px;font-size:1rem;font-weight:600;border-radius:var(--r-md);border:.5px solid rgba(255,255,255,.4);background:#ffffff80;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);color:var(--c-gray-700);cursor:pointer;transition:all .3s var(--ease-premium);font-family:inherit;text-decoration:none;position:relative;overflow:hidden}.filter-btn[data-astro-cid-kc6xtiiw]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6a44e31a,#87ceeb14);opacity:0;transition:opacity .3s ease}.filter-btn[data-astro-cid-kc6xtiiw]:hover{border-color:#6a44e366;color:var(--color-primary);background:#ffffffb3;transform:translate(4px);box-shadow:0 4px 12px #6a44e326}.filter-btn[data-astro-cid-kc6xtiiw]:hover:before{opacity:1}.filter-btn[data-astro-cid-kc6xtiiw].active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-color:#ffffff4d;box-shadow:0 4px 16px #6a44e34d,inset 0 1px #fff3;transform:translate(0)}.filter-btn[data-astro-cid-kc6xtiiw].active:before{opacity:0}.filter-btn[data-astro-cid-kc6xtiiw].active:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 6px 20px #6a44e366,inset 0 1px #ffffff4d;transform:translate(2px)}@media(max-width:1023px){.filters-sidebar[data-astro-cid-kc6xtiiw]{position:static}}.pattern-card[data-astro-cid-4swszekd]{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.pattern-card[data-astro-cid-4swszekd]:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000014}.pattern-card-content[data-astro-cid-4swszekd]{display:flex;flex-direction:column;flex-grow:1;height:100%;min-height:0;overflow:visible}.pattern-card-header[data-astro-cid-4swszekd]{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;min-height:64px}.pattern-card-title[data-astro-cid-4swszekd]{font-size:1.5rem;font-weight:900;color:var(--c-charcoal);line-height:1.3;margin:0;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;flex:1;min-width:0}.pattern-card-description[data-astro-cid-4swszekd]{font-size:1rem;line-height:1.6;color:var(--c-gray-700);margin-top:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;overflow-wrap:break-word;max-height:calc(1.6em * 3)}.pattern-card-footer[data-astro-cid-4swszekd]{margin-top:auto;padding-top:1rem;border-top:1px solid var(--c-gray-200);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex-shrink:0}.challenge-badge[data-astro-cid-4swszekd]{font-size:.8rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.patterns-container[data-astro-cid-2iupyjr7]{width:100%}.patterns-main-layout[data-astro-cid-2iupyjr7]{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.patterns-main-layout[data-astro-cid-2iupyjr7]{grid-template-columns:280px 1fr;gap:4rem;align-items:start}}.patterns-grid[data-astro-cid-2iupyjr7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.empty-state[data-astro-cid-2iupyjr7]{text-align:center;padding:4rem 2rem;background-color:#fff;border-radius:12px;border:1px dashed var(--c-gray-300)}.empty-state-text[data-astro-cid-2iupyjr7]{font-size:1.2rem;color:var(--c-gray-700);margin:0}.detail-section-card[data-astro-cid-pbgwo2wl]{margin-bottom:2rem;transition:all .4s var(--ease-premium)}.detail-section-card[data-astro-cid-pbgwo2wl]:last-child{margin-bottom:0}.detail-section-card[data-astro-cid-pbgwo2wl]:hover{transform:translateY(-4px)}.detail-section-header[data-astro-cid-pbgwo2wl]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(106,68,227,.1);position:relative}.detail-section-header[data-astro-cid-pbgwo2wl]:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark),var(--c-sky),var(--color-primary));background-size:200% 2px;animation:border-gradient-animation 4s linear infinite;opacity:.6}@keyframes border-gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.detail-section-title[data-astro-cid-pbgwo2wl]{font-size:1.4rem;font-weight:700;color:var(--c-charcoal);margin:0;flex:1}.detail-section-content[data-astro-cid-pbgwo2wl]{font-size:1.1rem;line-height:1.7;color:var(--c-gray-700)}.detail-section-card[data-astro-cid-pbgwo2wl].architecture-diagram{overflow:hidden}.detail-section-card[data-astro-cid-pbgwo2wl].architecture-diagram:before{opacity:.4}.zoom-modal[data-astro-cid-uik6dyot]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1c2526e6;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:2rem}.zoom-modal[data-astro-cid-uik6dyot].is-visible{opacity:1;visibility:visible}.zoom-modal-image[data-astro-cid-uik6dyot]{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 20px 50px #0000004d}.zoom-modal-close[data-astro-cid-uik6dyot]{position:absolute;top:1.5rem;right:2rem;font-size:3rem;color:#fff;cursor:pointer;line-height:1;font-weight:200;transition:transform .2s ease}.zoom-modal-close[data-astro-cid-uik6dyot]:hover{transform:scale(1.2)}.detail-view-wrapper[data-astro-cid-uik6dyot]{background:linear-gradient(180deg,var(--c-gray-50) 0%,rgba(255,255,255,.8) 100%);padding-bottom:1px;position:relative}.detail-view-wrapper[data-astro-cid-uik6dyot]:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:radial-gradient(circle at 20% 50%,rgba(106,68,227,.08) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(135,206,235,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.detail-header[data-astro-cid-uik6dyot]{padding:4rem var(--site-margins) 3rem var(--site-margins);position:relative;z-index:1}.back-button[data-astro-cid-uik6dyot]{margin-bottom:2rem}.detail-header-card[data-astro-cid-uik6dyot]{padding:2.5rem;background:#ffffffb3;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:.5px solid rgba(255,255,255,.6);box-shadow:0 20px 60px #0000001a,inset 0 1px #ffffffe6;position:relative;overflow:hidden}.detail-header-card[data-astro-cid-uik6dyot]:before{opacity:.5}.detail-header-content[data-astro-cid-uik6dyot]{margin-top:0;position:relative;z-index:1}.detail-title[data-astro-cid-uik6dyot]{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;color:var(--c-charcoal);line-height:1.2;margin-top:.75rem;margin-bottom:0;background:linear-gradient(135deg,var(--c-charcoal) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-main[data-astro-cid-uik6dyot]{padding:0 var(--site-margins) 4rem var(--site-margins);display:grid;grid-template-columns:1fr;gap:2rem;position:relative;z-index:1}@media(min-width:1024px){.detail-main[data-astro-cid-uik6dyot]{grid-template-columns:1fr 380px;gap:2.5rem;align-items:start}}.detail-sidebar[data-astro-cid-uik6dyot]{position:sticky;top:2rem}.architecture-diagram[data-astro-cid-uik6dyot]{cursor:zoom-in;overflow:visible}.diagram-wrapper[data-astro-cid-uik6dyot]{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem;border:.5px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #0000001a,inset 0 1px #fffc;transition:all .4s var(--ease-premium)}.diagram-wrapper[data-astro-cid-uik6dyot]:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026,inset 0 1px #ffffffe6}.diagram-image[data-astro-cid-uik6dyot]{width:100%;border-radius:var(--r-md);transition:transform .4s var(--ease-premium);display:block}.architecture-diagram[data-astro-cid-uik6dyot]:hover .diagram-image[data-astro-cid-uik6dyot]{transform:scale(1.03)}.styled-list[data-astro-cid-uik6dyot]{list-style:none;padding-left:0}.styled-list[data-astro-cid-uik6dyot] li[data-astro-cid-uik6dyot]{padding-left:2rem;position:relative;margin-bottom:.75rem;font-size:1.05rem;line-height:1.6}.styled-list[data-astro-cid-uik6dyot] li[data-astro-cid-uik6dyot]:before{content:"✓";position:absolute;left:0;top:2px;color:var(--color-primary);font-weight:700;font-size:1.2rem;background:linear-gradient(135deg,var(--color-primary),var(--c-sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}