.algorithms-page.svelte-1605n8j{display:flex;flex-direction:column;gap:5rem;max-width:1400px;margin:0 auto}.page-header.svelte-1605n8j{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px;color:#fff;box-shadow:0 10px 25px #8b5cf626;position:relative;overflow:hidden}.header-content.svelte-1605n8j{position:relative;z-index:2}.header-pattern.svelte-1605n8j{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 25%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.15) 0%,transparent 30%);z-index:1}.page-header.svelte-1605n8j h1:where(.svelte-1605n8j){font-size:3.2rem;margin-bottom:1.2rem;font-weight:700}.page-header.svelte-1605n8j p:where(.svelte-1605n8j){font-size:1.3rem;line-height:1.6;opacity:.9;max-width:700px;margin:0 auto}.algorithm-categories.svelte-1605n8j{display:flex;flex-direction:column;gap:3rem;padding:0 1rem}.category-card.svelte-1605n8j{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:transform .3s,box-shadow .3s;position:relative}.category-card.svelte-1605n8j:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s;z-index:0}.category-card.svelte-1605n8j:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.category-card.svelte-1605n8j:hover:before{opacity:1}@media (max-width: 920px){.category-card.svelte-1605n8j{grid-template-columns:1fr}.category-visual.svelte-1605n8j{height:250px;order:-1}}.category-content.svelte-1605n8j{padding:2.5rem;display:flex;flex-direction:column;gap:1.2rem;position:relative;z-index:2}.category-badge.svelte-1605n8j{background-color:#8b5cf61a;color:#7c3aed;font-size:.9rem;font-weight:600;padding:.4rem 1rem;border-radius:30px;align-self:flex-start;margin-bottom:.5rem}.sorting.svelte-1605n8j .category-badge:where(.svelte-1605n8j){background-color:#3498db1a;color:#3498db}.graph.svelte-1605n8j .category-badge:where(.svelte-1605n8j){background-color:#e74c3c1a;color:#e74c3c}.tree.svelte-1605n8j .category-badge:where(.svelte-1605n8j){background-color:#2ecc711a;color:#2ecc71}.search.svelte-1605n8j .category-badge:where(.svelte-1605n8j){background-color:#f39c121a;color:#f39c12}.category-card.svelte-1605n8j h2:where(.svelte-1605n8j){font-size:2rem;margin:0;color:#2c3e50}.category-card.svelte-1605n8j p:where(.svelte-1605n8j){font-size:1.1rem;color:#555;line-height:1.6;margin:0}.algorithm-tags.svelte-1605n8j{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.algorithm-tag.svelte-1605n8j{background-color:#f7f8fa;color:#555;padding:.4rem .8rem;border-radius:6px;font-size:.9rem;font-weight:500}.complexity-info.svelte-1605n8j{display:flex;gap:1.5rem;margin-top:.5rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border-left:3px solid #e2e8f0}.sorting.svelte-1605n8j .complexity-info:where(.svelte-1605n8j){border-left-color:#3498db}.graph.svelte-1605n8j .complexity-info:where(.svelte-1605n8j){border-left-color:#e74c3c}.tree.svelte-1605n8j .complexity-info:where(.svelte-1605n8j){border-left-color:#2ecc71}.search.svelte-1605n8j .complexity-info:where(.svelte-1605n8j){border-left-color:#f39c12}.complexity-item.svelte-1605n8j{display:flex;flex-direction:column;gap:.2rem}.complexity-label.svelte-1605n8j{font-size:.9rem;color:#64748b;font-weight:500}.complexity-value.svelte-1605n8j{font-size:.95rem;color:#334155;font-family:monospace}.category-visual.svelte-1605n8j{background-color:#f8fafc;display:flex;align-items:center;justify-content:center;min-height:300px;padding:1rem;position:relative;z-index:1}.category-visual.svelte-1605n8j:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 80% 20%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.025) 0%,transparent 50%);z-index:0}.sorting.svelte-1605n8j .category-visual:where(.svelte-1605n8j):before{background-image:radial-gradient(circle at 80% 20%,rgba(52,152,219,.05) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(52,152,219,.025) 0%,transparent 50%)}.graph.svelte-1605n8j .category-visual:where(.svelte-1605n8j):before{background-image:radial-gradient(circle at 80% 20%,rgba(231,76,60,.05) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(231,76,60,.025) 0%,transparent 50%)}.tree.svelte-1605n8j .category-visual:where(.svelte-1605n8j):before{background-image:radial-gradient(circle at 80% 20%,rgba(46,204,113,.05) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(46,204,113,.025) 0%,transparent 50%)}.search.svelte-1605n8j .category-visual:where(.svelte-1605n8j):before{background-image:radial-gradient(circle at 80% 20%,rgba(243,156,18,.05) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(243,156,18,.025) 0%,transparent 50%)}.sorting-visual.svelte-1605n8j,.graph-visual.svelte-1605n8j,.tree-visual.svelte-1605n8j,.search-visual.svelte-1605n8j{width:85%;height:85%;background-position:center;background-repeat:no-repeat;background-size:contain;position:relative;z-index:2}.sorting-visual.svelte-1605n8j{background-image:url(../../../images/sorting-visualization.svg)}.graph-visual.svelte-1605n8j{background-image:url(../../../images/graph-visualization.svg)}.tree-visual.svelte-1605n8j{background-image:url(../../../images/tree-visualization.svg)}.search-visual.svelte-1605n8j{background-image:url(../../../images/search-visualization.svg)}.explore-button.svelte-1605n8j{background:linear-gradient(45deg,#8b5cf6,#7c3aed);color:#fff;padding:.8rem 1.5rem;border-radius:50px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #8b5cf64d;align-self:flex-start;margin-top:1rem;position:relative;overflow:hidden}.explore-button.svelte-1605n8j:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#fff3,#ffffff0d);opacity:0;transition:opacity .3s}.explore-button.svelte-1605n8j:hover{transform:translateY(-3px);box-shadow:0 8px 20px #8b5cf666}.explore-button.svelte-1605n8j:hover:after{opacity:1}.sorting.svelte-1605n8j .explore-button:where(.svelte-1605n8j){background:linear-gradient(45deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db4d}.sorting.svelte-1605n8j .explore-button:where(.svelte-1605n8j):hover{box-shadow:0 8px 20px #3498db66}.graph.svelte-1605n8j .explore-button:where(.svelte-1605n8j){background:linear-gradient(45deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.graph.svelte-1605n8j .explore-button:where(.svelte-1605n8j):hover{box-shadow:0 8px 20px #e74c3c66}.tree.svelte-1605n8j .explore-button:where(.svelte-1605n8j){background:linear-gradient(45deg,#2ecc71,#27ae60);box-shadow:0 4px 15px #2ecc714d}.tree.svelte-1605n8j .explore-button:where(.svelte-1605n8j):hover{box-shadow:0 8px 20px #2ecc7166}.search.svelte-1605n8j .explore-button:where(.svelte-1605n8j){background:linear-gradient(45deg,#f39c12,#d35400);box-shadow:0 4px 15px #f39c124d}.search.svelte-1605n8j .explore-button:where(.svelte-1605n8j):hover{box-shadow:0 8px 20px #f39c1266}.learning-path.svelte-1605n8j{margin:2rem auto 4rem;max-width:1000px;padding:3rem;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;text-align:center}.learning-path.svelte-1605n8j h2:where(.svelte-1605n8j){font-size:2.2rem;color:#2c3e50;margin-top:0;margin-bottom:2.5rem;position:relative;display:inline-block}.learning-path.svelte-1605n8j h2:where(.svelte-1605n8j):after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(45deg,#8b5cf6,#7c3aed);border-radius:2px}.path-container.svelte-1605n8j{display:flex;justify-content:space-between;align-items:center;position:relative}@media (max-width: 900px){.path-container.svelte-1605n8j{flex-direction:column;gap:1.5rem}.path-arrow.svelte-1605n8j{transform:rotate(90deg)}}.path-step.svelte-1605n8j{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:200px;text-align:center}.path-marker.svelte-1605n8j{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 10px #8b5cf64d}.path-content.svelte-1605n8j h3:where(.svelte-1605n8j){font-size:1.2rem;margin:0 0 .5rem;color:#2c3e50}.path-content.svelte-1605n8j p:where(.svelte-1605n8j){font-size:.95rem;color:#64748b;margin:0;line-height:1.5}.path-arrow.svelte-1605n8j{width:24px;height:24px;position:relative}.path-arrow.svelte-1605n8j:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #8b5cf6}.path-arrow.svelte-1605n8j:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-75%,-50%);width:20px;height:2px;background-color:#8b5cf6}