.portfolio-header.svelte-kxlej3{position:relative;padding:100px 0;text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;overflow:hidden}.portfolio-header.svelte-kxlej3:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:radial-gradient(circle at 20% 35%,rgba(56,189,248,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(192,132,252,.15) 0%,transparent 50%);z-index:1}.container.svelte-kxlej3{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}h1.svelte-kxlej3{font-size:3.5rem;font-weight:800;margin:0 0 20px;background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}p.svelte-kxlej3{font-size:1.5rem;margin:0 auto;max-width:700px;color:#ffffffe6;line-height:1.5}.header-accent.svelte-kxlej3{width:80px;height:4px;background:linear-gradient(90deg,#38bdf8,#818cf8);margin:30px auto 0;border-radius:2px}@media (max-width: 768px){.portfolio-header.svelte-kxlej3{padding:70px 0}h1.svelte-kxlej3{font-size:2.5rem}p.svelte-kxlej3{font-size:1.2rem}}.portfolio-intro.svelte-156qeso{padding:60px 0;background-color:#fff}.container.svelte-156qeso{max-width:1200px;margin:0 auto;padding:0 20px}.intro-text.svelte-156qeso{font-size:1.25rem;line-height:1.8;color:#475569;max-width:850px;margin:0 auto;text-align:center;position:relative;padding:0 30px}.intro-text.svelte-156qeso:before,.intro-text.svelte-156qeso:after{content:"";position:absolute;height:50px;width:3px;background:linear-gradient(to bottom,#38bdf8,transparent);border-radius:3px}.intro-text.svelte-156qeso:before{left:0;top:0}.intro-text.svelte-156qeso:after{right:0;top:0}@media (max-width: 768px){.portfolio-intro.svelte-156qeso{padding:40px 0}.intro-text.svelte-156qeso{font-size:1.1rem;padding:0 20px}.intro-text.svelte-156qeso:before,.intro-text.svelte-156qeso:after{height:30px}}.filter-section.svelte-1scg2dq{padding:30px 0 50px;background-color:#f8fafc}.container.svelte-1scg2dq{max-width:1200px;margin:0 auto;padding:0 20px}.filter-container.svelte-1scg2dq{display:flex;justify-content:center}.filter-buttons.svelte-1scg2dq{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:0 auto}.filter-button.svelte-1scg2dq{display:flex;align-items:center;padding:10px 18px;background-color:#fff;border:1px solid #e2e8f0;border-radius:50px;font-size:.95rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.filter-button.svelte-1scg2dq i:where(.svelte-1scg2dq){margin-right:8px;font-size:.9rem;transition:transform .3s ease}.filter-button.svelte-1scg2dq:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 4px 10px #0000000d;color:#334155}.filter-button.active.svelte-1scg2dq{background:linear-gradient(90deg,#38bdf8,#0284c7);border-color:transparent;color:#fff;box-shadow:0 5px 15px #38bdf84d}.filter-button.active.svelte-1scg2dq i:where(.svelte-1scg2dq){transform:scale(1.2)}@media (max-width: 768px){.filter-section.svelte-1scg2dq{padding:20px 0 40px}.filter-buttons.svelte-1scg2dq{gap:10px}.filter-button.svelte-1scg2dq{padding:8px 15px;font-size:.9rem}}@media (max-width: 480px){.filter-buttons.svelte-1scg2dq{flex-direction:column;align-items:center;width:100%;max-width:250px}.filter-button.svelte-1scg2dq{width:100%;justify-content:center}}.project-card.svelte-nl90x4{display:grid;grid-template-columns:1fr 2fr;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid var(--category-color, #0284c7)}.project-card.svelte-nl90x4:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.project-media.svelte-nl90x4{position:relative;overflow:hidden;background-color:#fff}.image-container.svelte-nl90x4{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:20px;position:relative}.project-image.svelte-nl90x4{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease;z-index:1}.project-card.svelte-nl90x4:hover .project-image:where(.svelte-nl90x4){transform:scale(1.05)}.project-icon-placeholder.svelte-nl90x4{height:100%;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:var(--category-color, #0284c7);font-size:4rem}.client-badge.svelte-nl90x4{position:absolute;bottom:15px;left:15px;background-color:#fff;color:#0f172a;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 2px 10px #0003;z-index:2}.project-content.svelte-nl90x4{padding:30px}.project-header.svelte-nl90x4{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.project-header.svelte-nl90x4 h2:where(.svelte-nl90x4){font-size:1.8rem;font-weight:700;color:#0f172a;margin:0;flex:1}.category-badge.svelte-nl90x4{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600}.category-badge.svelte-nl90x4 i:where(.svelte-nl90x4){margin-right:6px}.project-description.svelte-nl90x4{font-size:1.05rem;line-height:1.6;color:#475569;margin-bottom:25px}.project-details.svelte-nl90x4{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px}.challenges-section.svelte-nl90x4 h3:where(.svelte-nl90x4),.solutions-section.svelte-nl90x4 h3:where(.svelte-nl90x4),.tech-stack.svelte-nl90x4 h3:where(.svelte-nl90x4){display:flex;align-items:center;font-size:1.2rem;font-weight:600;color:#0f172a;margin-bottom:15px}.challenges-section.svelte-nl90x4 h3:where(.svelte-nl90x4) i:where(.svelte-nl90x4),.solutions-section.svelte-nl90x4 h3:where(.svelte-nl90x4) i:where(.svelte-nl90x4),.tech-stack.svelte-nl90x4 h3:where(.svelte-nl90x4) i:where(.svelte-nl90x4){margin-right:10px;color:var(--category-color, #0284c7)}.challenges-section.svelte-nl90x4 ul:where(.svelte-nl90x4),.solutions-section.svelte-nl90x4 ul:where(.svelte-nl90x4){padding-left:20px}.challenges-section.svelte-nl90x4 li:where(.svelte-nl90x4),.solutions-section.svelte-nl90x4 li:where(.svelte-nl90x4){margin-bottom:8px;color:#475569;position:relative;list-style-type:none}.challenges-section.svelte-nl90x4 li:where(.svelte-nl90x4):before,.solutions-section.svelte-nl90x4 li:where(.svelte-nl90x4):before{content:"";position:absolute;left:-15px;top:10px;width:6px;height:6px;border-radius:50%;background-color:var(--category-color, #0284c7)}.tech-badges.svelte-nl90x4{display:flex;flex-wrap:wrap;gap:8px}.tech-badge.svelte-nl90x4{display:inline-block;padding:6px 15px;background-color:#f1f5f9;border-radius:20px;font-size:.9rem;font-weight:500;color:#475569;transition:all .2s ease}.tech-badge.svelte-nl90x4:hover{background-color:#e0f2fe;color:#0284c7;transform:translateY(-2px)}@media (max-width: 992px){.project-card.svelte-nl90x4{grid-template-columns:1fr}.project-media.svelte-nl90x4{height:auto;min-height:200px;max-height:250px}.image-container.svelte-nl90x4{width:100%;height:100%;padding:20px}.project-image.svelte-nl90x4{max-width:80%;max-height:80%}.project-details.svelte-nl90x4{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.project-content.svelte-nl90x4{padding:25px 20px}.project-media.svelte-nl90x4{min-height:180px}.project-header.svelte-nl90x4 h2:where(.svelte-nl90x4){font-size:1.5rem}.project-header.svelte-nl90x4{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 480px){.project-media.svelte-nl90x4{min-height:150px}.image-container.svelte-nl90x4{padding:15px}.project-image.svelte-nl90x4{max-width:85%;max-height:85%}}.projects-section.svelte-1ojr45l{padding:30px 0 80px;background-color:#f8fafc}.container.svelte-1ojr45l{max-width:1200px;margin:0 auto;padding:0 20px}.projects-grid.svelte-1ojr45l{display:flex;flex-direction:column;gap:40px}.no-projects.svelte-1ojr45l{background-color:#fff;border-radius:12px;padding:50px 30px;text-align:center;box-shadow:0 10px 25px #0000000d;max-width:600px;margin:40px auto}.no-projects-icon.svelte-1ojr45l{font-size:3rem;color:#cbd5e1;margin-bottom:20px}.no-projects.svelte-1ojr45l h3:where(.svelte-1ojr45l){font-size:1.5rem;font-weight:600;color:#0f172a;margin-bottom:15px}.no-projects.svelte-1ojr45l p:where(.svelte-1ojr45l){font-size:1.1rem;color:#64748b}@media (max-width: 768px){.projects-section.svelte-1ojr45l{padding:20px 0 60px}.projects-grid.svelte-1ojr45l{gap:30px}.no-projects.svelte-1ojr45l{padding:40px 20px}}.new-projects-section.svelte-173wv7r{position:relative;padding:80px 0;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;margin-top:40px;margin-bottom:60px;overflow:hidden}.new-projects-section.svelte-173wv7r:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:radial-gradient(circle at 20% 35%,rgba(56,189,248,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(192,132,252,.15) 0%,transparent 50%);z-index:1}.container.svelte-173wv7r{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.cta-content.svelte-173wv7r{max-width:800px;margin:0 auto;text-align:center}h2.svelte-173wv7r{font-size:2.75rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}p.svelte-173wv7r{font-size:1.25rem;margin-bottom:35px;color:#ffffffe6;line-height:1.6}.cta-button.svelte-173wv7r{display:inline-block;padding:15px 40px;font-weight:600;font-size:1.1rem;border-radius:50px;background:linear-gradient(90deg,#38bdf8,#818cf8);color:#fff;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 20px #38bdf84d;position:relative;overflow:hidden}.cta-button.svelte-173wv7r:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.cta-button.svelte-173wv7r:hover{transform:translateY(-5px);box-shadow:0 12px 25px #38bdf866}.cta-button.svelte-173wv7r:hover:before{transform:translate(100%)}@media (max-width: 768px){.new-projects-section.svelte-173wv7r{padding:60px 0}h2.svelte-173wv7r{font-size:2.2rem}p.svelte-173wv7r{font-size:1.1rem;margin-bottom:25px}}.fa-th-large,.fa-laptop-code,.fa-brain,.fa-globe,.fa-mobile-alt,.fa-cloud,.fa-exclamation-circle,.fa-lightbulb,.fa-code,.fa-search{font-family:"Font Awesome 5 Free";font-weight:900}