.page-module__-rzagW__patternNav{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.page-module__-rzagW__navBrand{color:var(--primary);font-size:1.25rem;font-weight:700}.page-module__-rzagW__navMenu{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.page-module__-rzagW__navMenu a{color:var(--foreground);font-size:.875rem;text-decoration:none;transition:color .2s}.page-module__-rzagW__navMenu a:hover{color:var(--primary)}.page-module__-rzagW__navCta{background:var(--primary);color:var(--primary-foreground);border-radius:calc(var(--radius) - 2px);cursor:pointer;border:none;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.page-module__-rzagW__navCta:hover{opacity:.9}.page-module__-rzagW__patternCards{gap:1rem;display:flex}.page-module__-rzagW__patternCard{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;flex:1;padding:1.5rem;display:flex}.page-module__-rzagW__patternCard h4{color:var(--primary);margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.page-module__-rzagW__patternCard p{color:var(--muted-foreground);flex:1;margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.page-module__-rzagW__patternCard button{background:var(--primary);color:var(--primary-foreground);border-radius:calc(var(--radius) - 2px);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .2s}.page-module__-rzagW__patternCard button:hover{opacity:.9}.page-module__-rzagW__patternMedia{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);align-items:flex-start;gap:1rem;padding:1rem;display:flex}.page-module__-rzagW__mediaImage{background:var(--primary);border-radius:var(--radius);flex:0 0 100px;height:100px}.page-module__-rzagW__mediaContent{flex:1}.page-module__-rzagW__mediaContent h4{color:var(--primary);margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.page-module__-rzagW__mediaContent p{color:var(--muted-foreground);margin:0;font-size:.8125rem;line-height:1.5}.page-module__-rzagW__patternSticky{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;height:300px;display:flex;overflow:hidden}.page-module__-rzagW__stickyHeader,.page-module__-rzagW__stickyFooter{background:var(--primary);color:var(--primary-foreground);text-align:center;padding:1rem;font-size:.875rem;font-weight:600}.page-module__-rzagW__stickyContent{background:var(--muted);color:var(--muted-foreground);flex:1;justify-content:center;align-items:center;padding:1rem;font-size:.875rem;display:flex}.page-module__-rzagW__inputGroups{flex-direction:column;gap:1rem;display:flex}.page-module__-rzagW__patternInputGroup{border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);display:flex;overflow:hidden}.page-module__-rzagW__patternInputGroup input{background:var(--card);color:var(--foreground);border:none;outline:none;flex:1;padding:.75rem;font-family:inherit;font-size:.875rem}.page-module__-rzagW__patternInputGroup input::placeholder{color:var(--muted-foreground)}.page-module__-rzagW__inputAddon{background:var(--muted);color:var(--muted-foreground);border-right:1px solid var(--border);align-items:center;padding:0 1rem;font-size:.875rem;font-weight:600;display:flex}.page-module__-rzagW__inputButton{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;padding:0 1.5rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.page-module__-rzagW__inputButton:hover{opacity:.9}.page-module__-rzagW__patternHolyGrail{gap:1rem;min-height:200px;display:flex}.page-module__-rzagW__sidebarLeft,.page-module__-rzagW__sidebarRight{background:var(--primary);color:var(--primary-foreground);border-radius:calc(var(--radius) - 2px);text-align:center;flex:0 0 80px;justify-content:center;align-items:center;padding:1rem;font-size:.875rem;font-weight:600;display:flex}.page-module__-rzagW__sidebarRight{background:var(--secondary);color:var(--secondary-foreground)}.page-module__-rzagW__mainContent{background:var(--card);border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);color:var(--muted-foreground);flex:1;justify-content:center;align-items:center;padding:1rem;font-size:.875rem;display:flex}.page-module__-rzagW__tipsGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.page-module__-rzagW__tipCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s,box-shadow .2s;position:relative}.page-module__-rzagW__tipCard:hover{border-color:var(--primary);box-shadow:0 4px 20px #0000000f;box-shadow:0 4px 20px lab(0% 0 0/.06)}.page-module__-rzagW__tipIcon{background:var(--primary);width:2.5rem;height:2.5rem;color:var(--primary-foreground);border-radius:calc(var(--radius) - 2px);font-family:var(--font-jetbrains-mono),monospace;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1rem;font-weight:700;display:inline-flex}.page-module__-rzagW__tipCard h3{color:var(--foreground);margin-bottom:.5rem;font-size:1rem;font-weight:600}.page-module__-rzagW__tipCard p{color:var(--muted-foreground);margin:0;font-size:.8125rem;line-height:1.6}.page-module__-rzagW__nextGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;display:grid}.page-module__-rzagW__nextLink{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:border-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.page-module__-rzagW__nextLink:before{content:"";background:linear-gradient(to bottom,var(--primary),#4ea4ca);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}@supports (color:lab(0% 0 0)){.page-module__-rzagW__nextLink:before{background:linear-gradient(to bottom,var(--primary),lab(63.1292% -18.1274 -28.0657))}}.page-module__-rzagW__nextLink:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 28px #357a3a1f,0 4px 10px #0000000f;box-shadow:0 12px 28px lab(45.7706% -33.6758 28.0119/.12),0 4px 10px lab(0% 0 0/.06)}.page-module__-rzagW__nextLink:hover:before{opacity:1}.page-module__-rzagW__nextIcon{font-size:2rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--primary);flex-shrink:0}.page-module__-rzagW__nextLink h3{color:var(--foreground);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.page-module__-rzagW__nextLink p{color:var(--muted-foreground);margin:0;font-size:.8125rem}@media (max-width:768px){.page-module__-rzagW__patternCards{flex-direction:column}.page-module__-rzagW__patternNav{flex-wrap:wrap;gap:1rem}.page-module__-rzagW__navMenu{justify-content:center;width:100%}.page-module__-rzagW__patternHolyGrail{flex-direction:column}.page-module__-rzagW__sidebarLeft,.page-module__-rzagW__sidebarRight{flex:none}.page-module__-rzagW__tipsGrid,.page-module__-rzagW__nextGrid{grid-template-columns:1fr}}@media (max-width:480px){.page-module__-rzagW__navMenu{text-align:center;flex-direction:column;gap:.5rem}}