.portfolio-page{background:var(--bg-dark)}.portfolio-hero{min-height:65vh;background:radial-gradient(circle at 25% 25%,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.08) 0,transparent 50%),radial-gradient(circle at 50% 100%,rgba(59,130,246,.06) 0,transparent 50%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(3rem,6vw,5rem) 0}.portfolio-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.06) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.06) 0,transparent 50%);z-index:-1}.portfolio-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:var(--font-size-sm);font-weight:600;border-radius:2rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(99,102,241,.3)}.portfolio-badge i{width:1rem;height:1rem}.portfolio-hero h1{font-size:clamp(2.5rem, 5vw, 3.5rem);margin-bottom:1rem}.portfolio-hero .subtitle{max-width:900px;margin:0 auto 2.5rem;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;max-width:600px;margin:0 auto}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.portfolio-filters{padding:3rem 0;background:rgba(30,41,59,.3);border-bottom:1px solid var(--border-color)}.filters-wrapper{display:flex;flex-direction:column;gap:2rem}.main-filter{display:flex;justify-content:center}.main-filter .filters-list{display:flex;gap:.5rem;background:var(--bg-card);padding:.5rem;border-radius:3rem;border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.portfolio-type-filter{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:0 0;border:none;border-radius:2rem;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.portfolio-type-filter:hover{color:var(--text-primary);background:rgba(99,102,241,.1)}.portfolio-type-filter.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px rgba(99,102,241,.3)}.portfolio-type-filter i{width:1.25rem;height:1.25rem}.filter-count{font-size:.9em;opacity:.8;margin-left:.25rem}.secondary-filters{display:flex;flex-direction:column;gap:1.5rem}.filter-subgroup{display:flex;flex-direction:column;gap:1rem;align-items:center}.filter-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin:0}.filter-subgroup .filters-list{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.industry-filter,.solution-type-filter{padding:.625rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:2rem;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap}.industry-filter:hover,.solution-type-filter:hover{border-color:#6366f1;color:var(--text-primary);background:rgba(99,102,241,.1);transform:translateY(-2px)}.industry-filter.active,.solution-type-filter.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff;box-shadow:0 4px 15px rgba(99,102,241,.3)}.sort-group{display:flex;flex-direction:column;align-items:center;gap:1rem}.portfolio-sort{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;min-width:200px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portfolio-sort:focus{outline:0;border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.2)}.portfolio-content{padding:4rem 0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-bottom:3rem}.portfolio-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;transition:all .3s ease;position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.portfolio-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.case-study-card:hover{border-color:var(--case-primary,#10b981);box-shadow:0 25px 50px rgba(16,185,129,.15)}.product-case-card:hover{border-color:#8b5cf6;box-shadow:0 25px 50px rgba(139,92,246,.15)}.portfolio-image{position:relative;overflow:hidden;aspect-ratio:16/10}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-card:hover .portfolio-image img{transform:scale(1.05)}.portfolio-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));display:flex;align-items:center;justify-content:center;color:#6366f1}.portfolio-placeholder i{width:3rem;height:3rem}.work-type-indicator{position:absolute;top:1rem;right:1rem;padding:.375rem .75rem;font-size:var(--font-size-xs);font-weight:600;border-radius:1rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);box-shadow:0 2px 10px rgba(0,0,0,.2)}.work-type-indicator.case_study{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.work-type-indicator.product_case{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.industry-badge{position:absolute;top:1rem;left:1rem;padding:.375rem .75rem;background:rgba(16,185,129,.9);color:#fff;font-size:var(--font-size-xs);font-weight:600;border-radius:1rem;text-transform:capitalize;box-shadow:0 2px 10px rgba(16,185,129,.3)}.solution-type-badge{position:absolute;top:1rem;left:1rem;padding:.375rem .75rem;background:rgba(139,92,246,.9);color:#fff;font-size:var(--font-size-xs);font-weight:600;border-radius:1rem;text-transform:capitalize;box-shadow:0 2px 10px rgba(139,92,246,.3)}.portfolio-content{padding:1.5rem}.portfolio-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:.75rem;line-height:var(--line-height-tight)}.portfolio-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.case-study-card .portfolio-title a:hover{color:var(--case-primary,#10b981)}.product-case-card .portfolio-title a:hover{color:#8b5cf6}.portfolio-excerpt{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:1rem;font-size:var(--font-size-sm)}.portfolio-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.375rem;color:var(--text-muted);font-size:var(--font-size-xs)}.case-study-card .meta-item i{color:var(--case-primary,#10b981)}.product-case-card .meta-item i{color:#8b5cf6}.meta-item i{width:1rem;height:1rem}.portfolio-actions{display:flex;gap:.75rem;align-items:center}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-sm)}.portfolio-load-more{margin-top:3rem}.load-more-info{margin-top:1rem;color:var(--text-muted);font-size:var(--font-size-sm)}.portfolio-quick-links{padding:4rem 0;background:rgba(30,41,59,.2)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.quick-link-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.quick-link-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.quick-link-card.cta-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1}.quick-link-card .card-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;background:rgba(99,102,241,.1);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#6366f1}.cta-card .card-icon{background:rgba(255,255,255,.2);color:#fff}.quick-link-card h3{font-size:var(--font-size-xl);margin-bottom:1rem;color:var(--text-primary)}.cta-card h3{color:#fff}.quick-link-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:var(--line-height-relaxed)}.cta-card p{color:rgba(255,255,255,.9)}.cta-card .btn-primary{background:#fff;color:#6366f1;border-color:#fff}.cta-card .btn-primary:hover{background:0 0;color:#fff;border-color:#fff}.no-works{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-works-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;color:var(--text-muted)}.no-works h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:1rem}.no-works a{color:#6366f1;text-decoration:none}.no-works a:hover{text-decoration:underline}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.loading-spinner{width:2rem;height:2rem;border:2px solid rgba(99,102,241,.2);border-top:2px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:1024px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.filters-wrapper{gap:1.5rem}.main-filter .filters-list{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:1.5rem}.quick-links-grid{grid-template-columns:1fr;gap:1.5rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.main-filter .filters-list{padding:.375rem;gap:.375rem}.portfolio-type-filter{padding:.75rem 1rem;font-size:var(--font-size-xs)}.portfolio-type-filter i{width:1rem;height:1rem}.secondary-filters{gap:1rem}.filter-subgroup .filters-list{gap:.5rem}.industry-filter,.solution-type-filter{padding:.5rem .875rem;font-size:var(--font-size-xs)}}@media (max-width:480px){.portfolio-card{margin:0 -1rem;border-radius:0;border-left:none;border-right:none}.portfolio-content{padding:1.25rem}.portfolio-actions{flex-direction:column;gap:.5rem}.portfolio-actions .btn{width:100%;text-align:center}.portfolio-meta{flex-direction:column;gap:.5rem}.hero-stats{grid-template-columns:1fr;gap:1rem}.main-filter .filters-list{flex-direction:column;width:100%}.portfolio-type-filter{justify-content:center;width:100%}.quick-link-card{padding:1.5rem}}.portfolio-actions .btn,.portfolio-content .btn,.portfolio-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .3s ease;border:2px solid transparent;cursor:pointer;line-height:1.25;white-space:nowrap;position:relative;overflow:hidden}.portfolio-actions .btn-primary,.portfolio-content .btn-primary,.portfolio-page .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6;box-shadow:0 4px 15px rgba(59,130,246,.3)}.portfolio-actions .btn-primary:hover,.portfolio-content .btn-primary:hover,.portfolio-page .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4);color:#fff;text-decoration:none}.portfolio-actions .btn-outline,.portfolio-content .btn-outline,.portfolio-page .btn-outline{background:0 0;color:var(--text-primary,#fff);border-color:var(--border-color,rgba(59,130,246,.15));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portfolio-actions .btn-outline:hover,.portfolio-content .btn-outline:hover,.portfolio-page .btn-outline:hover{background:rgba(59,130,246,.1);color:var(--text-primary,#fff);border-color:#3b82f6;transform:translateY(-2px);text-decoration:none}.portfolio-actions .btn-secondary,.portfolio-content .btn-secondary,.portfolio-page .btn-secondary{background:var(--bg-card,rgba(30,41,59,.6));color:var(--text-secondary,#e2e8f0);border-color:var(--border-color,rgba(59,130,246,.15));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portfolio-actions .btn-secondary:hover,.portfolio-content .btn-secondary:hover,.portfolio-page .btn-secondary:hover{background:rgba(30,41,59,.8);color:var(--text-primary,#fff);border-color:rgba(59,130,246,.25);transform:translateY(-2px);text-decoration:none}.portfolio-actions .btn-sm,.portfolio-content .btn-sm,.portfolio-page .btn-sm{padding:.5rem 1rem;font-size:.75rem;border-radius:.5rem}.portfolio-content .btn-lg,.portfolio-page .btn-lg{padding:1rem 2rem;font-size:1rem;border-radius:1rem}.portfolio-actions .btn i,.portfolio-content .btn i,.portfolio-page .btn i{width:1rem;height:1rem;stroke-width:2;transition:transform .3s ease}.portfolio-actions .btn:hover i,.portfolio-content .btn:hover i,.portfolio-page .btn:hover i{transform:scale(1.1)}.portfolio-load-more .btn,.portfolio-page .load-more-btn{min-width:200px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1;box-shadow:0 4px 15px rgba(99,102,241,.3)}.portfolio-load-more .btn:hover,.portfolio-page .load-more-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4);color:#fff;text-decoration:none}.portfolio-card .btn{font-size:.75rem!important;padding:.375rem .875rem!important;border-radius:.5rem!important}.portfolio-card .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border-color:#3b82f6!important}.portfolio-card .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;color:#fff!important;text-decoration:none!important}.portfolio-card .btn-outline{background:0 0!important;color:var(--text-secondary,#e2e8f0)!important;border-color:var(--border-color,rgba(59,130,246,.15))!important}.portfolio-card .btn-outline:hover{background:rgba(59,130,246,.1)!important;color:var(--text-primary,#fff)!important;border-color:#3b82f6!important;text-decoration:none!important}.case-study-card .btn-primary{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#10b981!important}.case-study-card .btn-primary:hover{background:linear-gradient(135deg,#059669,#047857)!important;border-color:#059669!important}.product-case-card .btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#8b5cf6!important}.product-case-card .btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;border-color:#7c3aed!important}.quick-link-card .btn{min-width:140px!important}.quick-link-card .btn-outline{border-color:rgba(255,255,255,.2)!important;color:var(--text-secondary,#e2e8f0)!important}.quick-link-card .btn-outline:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.4)!important;color:var(--text-primary,#fff)!important}.cta-card .btn-primary{background:rgba(255,255,255,.9)!important;color:#6366f1!important;border-color:rgba(255,255,255,.9)!important}.cta-card .btn-primary:hover{background:#fff!important;color:#4f46e5!important;border-color:#fff!important;transform:translateY(-2px) scale(1.05)!important}.portfolio-actions .btn::before,.portfolio-content .btn::before,.portfolio-page .btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;pointer-events:none}.portfolio-actions .btn:active::before,.portfolio-content .btn:active::before,.portfolio-page .btn:active::before{width:300px;height:300px}.portfolio-actions .btn:focus,.portfolio-content .btn:focus,.portfolio-page .btn:focus{outline:0;box-shadow:0 0 0 2px var(--bg-dark,#0a0f1c),0 0 0 4px rgba(59,130,246,.4)}.portfolio-actions .btn:disabled,.portfolio-content .btn:disabled,.portfolio-page .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.portfolio-actions .btn:disabled:hover,.portfolio-content .btn:disabled:hover,.portfolio-page .btn:disabled:hover{transform:none!important;box-shadow:none!important}@media (max-width:768px){.portfolio-actions{flex-direction:column!important;gap:.5rem!important}.portfolio-actions .btn{width:100%!important;justify-content:center!important}.portfolio-load-more .btn{width:100%!important;max-width:300px!important}}@media (max-width:480px){.portfolio-content .btn,.portfolio-page .btn{font-size:.75rem!important;padding:.625rem 1.25rem!important}.portfolio-content .btn-lg,.portfolio-page .btn-lg{font-size:.875rem!important;padding:.875rem 1.75rem!important}}@media (hover:hover){.portfolio-actions .btn:hover,.portfolio-content .btn:hover,.portfolio-page .btn:hover{transform:translateY(-2px)}}@media (hover:none){.portfolio-actions .btn:hover,.portfolio-content .btn:hover,.portfolio-page .btn:hover{transform:none}}