.portfolio-page-container{min-height:100vh;background-color:var(--white)}.portfolio-hero-section{position:relative;padding:8rem 0 6rem;background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-blue) 50%,var(--theme-color-3) 100%);overflow:hidden}.portfolio-hero-bg-effects{position:absolute;inset:0;z-index:1}.portfolio-hero-particles{position:absolute;inset:0;pointer-events:none}.portfolio-hero-particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,var(--accent-purple),var(--accent-blue));border-radius:50%;left:var(--particle-left);top:var(--particle-top)}.portfolio-hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(3rem);opacity:.4;pointer-events:none}.portfolio-hero-orb-1{top:10%;left:20%;width:20rem;height:20rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue))}.portfolio-hero-orb-2{bottom:20%;right:10%;width:16rem;height:16rem;background:linear-gradient(135deg,var(--accent-teal),var(--accent-green))}.portfolio-hero-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem}.portfolio-hero-content{text-align:center;max-width:800px;margin:0 auto}.portfolio-hero-title{font-size:3.5rem;font-weight:700;color:var(--gray-900);margin:1.5rem 0;line-height:1.1}@media (max-width:768px){.portfolio-hero-title{font-size:2.5rem}}.portfolio-hero-description{font-size:1.25rem;margin-bottom:2rem;line-height:1.6;color:var(--white)}.portfolio-hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.portfolio-hero-stat{text-align:center}.portfolio-hero-stat-number{display:block;font-size:2rem;font-weight:700;color:var(--text-highlight-color);margin-bottom:.25rem}.portfolio-hero-stat-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--white)}.portfolio-hero-stat-divider{width:1px;height:2rem;background-color:var(--gray-300)}.portfolio-filter-section{position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);padding:4rem 0;overflow:hidden}.portfolio-filter-bg-effects{position:absolute;inset:0;z-index:1}.portfolio-filter-floating-element{position:absolute;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:.5rem;opacity:.1;pointer-events:none;left:var(--float-left);top:var(--float-top)}.portfolio-filter-float-icon{width:1rem;height:1rem;color:var(--white)}.portfolio-filter-animated-line{position:absolute;width:4rem;height:2px;background:linear-gradient(90deg,transparent,var(--accent-purple),transparent);pointer-events:none;left:var(--line-left);top:var(--line-top)}.portfolio-filter-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem}.portfolio-filter-header{text-align:center;margin-bottom:3rem}.portfolio-filter-title{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin:1rem 0;line-height:1.2}@media (max-width:768px){.portfolio-filter-title{font-size:2rem}}.portfolio-filter-subtitle{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.portfolio-filter-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.portfolio-filter-tab{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .95rem;background:white;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;font-weight:600;transition:all .3s ease;cursor:pointer;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}.portfolio-filter-tab:hover{background:#f8fafc;color:#334155;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.12)}.portfolio-filter-tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:white;box-shadow:0 4px 15px rgba(59,130,246,.3);border-color:transparent}.portfolio-filter-tab-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:.5rem;z-index:-1;opacity:0}.portfolio-filter-tab-particle{position:absolute;width:3px;height:3px;background:var(--white);border-radius:50%;opacity:.7;pointer-events:none;left:var(--tab-particle-left);top:var(--tab-particle-top)}.portfolio-filter-tab-icon{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.portfolio-filter-tab-text{display:block;position:relative;z-index:2}.portfolio-filter-tab-indicator{position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue));border-radius:2px}.portfolio-filter-tab-ripple{position:absolute;inset:0;background:radial-gradient(circle,rgba(124,58,237,.3) 0,transparent 70%);border-radius:2rem;pointer-events:none}.portfolio-grid-section{position:relative;padding:4rem 0 6rem;background:linear-gradient(180deg,var(--white) 0,var(--gray-50) 100%);overflow:hidden}.portfolio-grid-bg-effects{position:absolute;inset:0;z-index:1}.portfolio-grid-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--gray-300) 1px,transparent 0);background-size:40px 40px;opacity:.1;pointer-events:none}.portfolio-grid-floating-shape{position:absolute;width:1.5rem;height:1.5rem;background:linear-gradient(45deg,var(--accent-purple),var(--accent-blue));border-radius:.25rem;opacity:.1;pointer-events:none;left:var(--shape-left);top:var(--shape-top)}.portfolio-grid-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:1.5rem}}.portfolio-card{position:relative;background:rgba(255,255,255,.8);backdrop-filter:blur(16px);border-radius:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid rgba(255,255,255,.5);overflow:hidden;transition:all .5s ease}.portfolio-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.portfolio-card-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(59,130,246,.1));border-radius:1.5rem}.portfolio-card-particle{position:absolute;width:4px;height:4px;background:var(--accent-purple);border-radius:50%;opacity:.5;left:var(--card-particle-left);top:var(--card-particle-top)}.portfolio-card-inner{position:relative;z-index:10}.portfolio-image-container{position:relative;overflow:hidden}.portfolio-image-wrapper{border-radius:1.5rem 1.5rem 0 0;height:250px}.portfolio-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.portfolio-image-overlay{position:absolute;inset:0;background:rgba(0,0,0,.2);opacity:0;transition:opacity .3s ease}.portfolio-card:hover .portfolio-image-overlay{opacity:1}.portfolio-animated-overlay{position:absolute;inset:0;background:linear-gradient(45deg,var(--accent-purple),var(--accent-blue),var(--accent-teal));background-size:200% 200%;opacity:.3}.portfolio-category-badge{position:absolute;top:1rem;left:1rem;z-index:20}.portfolio-title-wrapper{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:20}.portfolio-title{font-size:1.5rem;font-weight:600;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.3}.portfolio-view-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;z-index:30}.portfolio-card:hover .portfolio-view-overlay{opacity:1}.portfolio-view-button,.portfolio-view-container{display:flex;align-items:center;justify-content:center}.portfolio-view-button{width:3rem;height:3rem;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:50%;border:2px solid var(--white);transition:all .3s ease}.portfolio-view-button:hover{background:var(--white);color:var(--accent-purple)}.portfolio-content{padding:1.5rem;display:flex;flex-direction:column;height:200px}.portfolio-content-main{flex:1}.portfolio-description{color:var(--gray-600);line-height:1.6;font-size:.875rem}.portfolio-actions{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--gray-100);margin-top:auto}.portfolio-view-details-btn{display:flex;align-items:center;gap:.5rem;color:var(--accent-purple);font-weight:600;transition:color .3s ease;text-decoration:none;background:transparent;border:none;cursor:pointer}.portfolio-view-details-btn:hover{color:var(--accent-blue)}.portfolio-external-icon{width:1rem;height:1rem;transition:transform .3s ease}.portfolio-view-details-btn:hover .portfolio-external-icon{transform:translateX(4px)}.portfolio-github-btn{padding:.5rem;color:var(--gray-500);border-radius:.75rem;transition:all .3s ease;background:transparent;border:none;cursor:pointer}.portfolio-github-btn:hover{color:var(--accent-purple);background:rgba(124,58,237,.1)}.portfolio-github-icon{width:1.25rem;height:1.25rem}.portfolio-progress-line{position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue));transform-origin:left}.portfolio-corner-decoration{position:absolute;top:-4px;right:-4px;width:1rem;height:1rem;border:2px solid rgba(168,85,247,.3);border-radius:50%;opacity:.4}.portfolio-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.portfolio-empty-icon{margin-bottom:1rem}.portfolio-empty-zap-icon{width:4rem;height:4rem;color:var(--gray-400)}.portfolio-empty-text{font-size:1.125rem;color:var(--gray-600);font-weight:500}.portfolio-detail-page-container{min-height:100vh;background-color:var(--white)}.portfolio-detail-not-found{min-height:100vh;display:flex;align-items:center;justify-content:center}.portfolio-detail-not-found-content{text-align:center}.portfolio-detail-not-found-title{font-size:2.25rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem}.portfolio-detail-not-found-text{color:var(--gray-600);margin-bottom:2rem;font-size:1rem}.portfolio-detail-not-found-button{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:var(--white);font-weight:600;border-radius:.5rem;text-decoration:none;transition:all .3s ease}.portfolio-detail-not-found-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(124,58,237,.3)}.portfolio-detail-not-found-icon{margin-left:.5rem;width:1.25rem;height:1.25rem}.portfolio-detail-hero-section{position:relative;background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-blue) 50%,var(--primary-color) 100%);color:var(--white);overflow:hidden;min-height:100vh;display:flex;align-items:center;padding-top:4rem;padding-bottom:2rem}@media (min-width:640px){.portfolio-detail-hero-section{padding-top:5rem}}.portfolio-detail-hero-bg-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}.portfolio-detail-hero-orb-1{position:absolute;top:5rem;right:5rem;width:24rem;height:24rem;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(236,72,153,.3));border-radius:50%;filter:blur(60px)}.portfolio-detail-hero-orb-2{position:absolute;bottom:5rem;left:5rem;width:20rem;height:20rem;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(34,197,94,.2));border-radius:50%;filter:blur(60px)}.portfolio-detail-hero-grid-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.15) 1px,transparent 0);background-size:50px 50px}.portfolio-detail-hero-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);width:6px;height:6px}.portfolio-detail-hero-shape{position:absolute;opacity:.1}.portfolio-detail-hero-shape-inner{width:4rem;height:4rem}.portfolio-detail-hero-shape-circle{border-radius:50%}.portfolio-detail-hero-shape-square{border-radius:.5rem;transform:rotate(45deg)}.portfolio-detail-hero-shape-white{background:var(--white)}.portfolio-detail-hero-shape-blue{background:rgba(139,92,246,.6)}.portfolio-detail-hero-container{width:100%;max-width:1800px;margin:0 auto;padding:0 1rem;position:relative;z-index:10}@media (min-width:640px){.portfolio-detail-hero-container{padding:0 1.5rem}}@media (min-width:1024px){.portfolio-detail-hero-container{padding:0 2rem}}.portfolio-detail-hero-content{max-width:1280px;margin:0 auto;text-align:center;padding:3rem 0}@media (min-width:640px){.portfolio-detail-hero-content{padding:4rem 0}}@media (min-width:1024px){.portfolio-detail-hero-content{padding:5rem 0}}.portfolio-detail-hero-category-wrapper{display:inline-block;position:relative;margin-bottom:2.5rem}.portfolio-detail-hero-category-glow{position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.6),rgba(236,72,153,.6));border-radius:9999px;filter:blur(16px)}.portfolio-detail-hero-title{font-size:3.5rem;font-weight:900;margin-bottom:2.5rem;line-height:1.1;letter-spacing:-.025em;color:var(--white)}@media (min-width:640px){.portfolio-detail-hero-title{font-size:4.5rem}}@media (min-width:768px){.portfolio-detail-hero-title{font-size:5.5rem}}@media (min-width:1024px){.portfolio-detail-hero-title{font-size:6.5rem;margin-bottom:3rem}}.portfolio-detail-hero-description-wrapper{margin-bottom:2rem}.portfolio-detail-hero-description{font-size:1.375rem;color:rgba(255,255,255,.85);max-width:1024px;margin:0 auto;line-height:1.6;font-weight:400}@media (min-width:640px){.portfolio-detail-hero-description{font-size:1.5rem}}@media (min-width:768px){.portfolio-detail-hero-description{font-size:1.625rem;line-height:1.7}}@media (min-width:1024px){.portfolio-detail-hero-description{font-size:1.75rem}}.portfolio-detail-gallery-section{position:relative;background:linear-gradient(135deg,var(--gray-50) 0,rgba(241,245,249,1) 50%,var(--gray-200) 100%);overflow:hidden;padding:5rem 0}@media (min-width:1024px){.portfolio-detail-gallery-section{padding:8rem 0}}.portfolio-detail-gallery-bg-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}.portfolio-detail-gallery-floating-icon{position:absolute;opacity:.1}.portfolio-detail-gallery-icon{width:4rem;height:4rem;color:var(--accent-purple)}.portfolio-detail-gallery-particle{position:absolute;border-radius:50%;width:4px;height:4px;background:var(--accent-purple);opacity:.3}.portfolio-detail-gallery-shape{position:absolute;opacity:.05}.portfolio-detail-gallery-shape-inner{width:3rem;height:3rem;background:var(--accent-purple);opacity:.4}.portfolio-detail-gallery-shape-circle{border-radius:50%}.portfolio-detail-gallery-shape-square{border-radius:.5rem;transform:rotate(45deg)}.portfolio-detail-gallery-container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:10}@media (min-width:768px){.portfolio-detail-gallery-container{padding:0 1.5rem}}.portfolio-detail-gallery-header{text-align:center;margin-bottom:5rem}@media (min-width:1024px){.portfolio-detail-gallery-header{margin-bottom:6rem}}.portfolio-detail-gallery-title{font-size:2.5rem;font-weight:900;margin-bottom:2rem;line-height:1.1;color:var(--gray-900);letter-spacing:-.025em}@media (min-width:640px){.portfolio-detail-gallery-title{font-size:3rem}}@media (min-width:768px){.portfolio-detail-gallery-title{font-size:3.5rem}}@media (min-width:1024px){.portfolio-detail-gallery-title{font-size:4rem;margin-bottom:2.5rem}}.portfolio-detail-gallery-subtitle{font-size:1.25rem;color:var(--gray-600);max-width:768px;margin:0 auto;line-height:1.6;font-weight:400}@media (min-width:640px){.portfolio-detail-gallery-subtitle{font-size:1.375rem}}@media (min-width:1024px){.portfolio-detail-gallery-subtitle{font-size:1.5rem;line-height:1.7}}.portfolio-detail-gallery-slider-wrapper{max-width:1536px;margin:0 auto;position:relative}.portfolio-detail-gallery-glow{position:absolute;inset:-1rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:2rem;filter:blur(40px);opacity:.3}.portfolio-detail-gallery-slider-container{position:relative;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);border-radius:2rem;padding:2rem;box-shadow:0 20px 50px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.5)}@media (min-width:640px){.portfolio-detail-gallery-slider-container{padding:2.5rem}}.portfolio-detail-gallery-swiper{border-radius:1.5rem;box-shadow:0 25px 50px rgba(0,0,0,.15);overflow:hidden;--swiper-navigation-color:var(--accent-purple);--swiper-pagination-color:var(--accent-purple)}.portfolio-detail-gallery-slide{position:relative;height:24rem;overflow:hidden;border-radius:1.5rem}@media (min-width:768px){.portfolio-detail-gallery-slide{height:500px}}.portfolio-detail-gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.portfolio-detail-gallery-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.portfolio-detail-gallery-slide:hover .portfolio-detail-gallery-image{transform:scale(1.05)}.portfolio-detail-gallery-badge-number{position:absolute;top:1rem;right:1rem;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-purple);font-size:1.125rem;border:1px solid rgba(139,92,246,.2)}.portfolio-detail-gallery-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.2),transparent)}.portfolio-detail-gallery-corner-tl{position:absolute;top:-.25rem;left:-.25rem;width:1.5rem;height:1.5rem;border:2px solid var(--accent-purple);border-radius:50%;opacity:.6}.portfolio-detail-gallery-corner-br{position:absolute;bottom:-.25rem;right:-.25rem;width:1.5rem;height:1.5rem;border:2px solid var(--accent-blue);border-radius:50%;opacity:.6}.portfolio-detail-features-section{position:relative;background:linear-gradient(180deg,var(--gray-50) 0,var(--white) 50%,var(--gray-50) 100%);padding:5rem 0;overflow:hidden}@media (min-width:1024px){.portfolio-detail-features-section{padding:8rem 0}}.portfolio-detail-features-container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:10}@media (min-width:768px){.portfolio-detail-features-container{padding:0 1.5rem}}.portfolio-detail-features-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media (min-width:1024px){.portfolio-detail-features-grid{grid-template-columns:2fr 1fr;gap:4rem}}.portfolio-detail-features-content{position:relative}.portfolio-detail-features-header{margin-bottom:3rem}@media (min-width:1024px){.portfolio-detail-features-header{margin-bottom:4rem}}.portfolio-detail-features-title{font-size:2.5rem;font-weight:900;margin-bottom:2rem;line-height:1.1;color:var(--gray-900);letter-spacing:-.025em}@media (min-width:640px){.portfolio-detail-features-title{font-size:3rem}}@media (min-width:768px){.portfolio-detail-features-title{font-size:3.5rem}}.portfolio-detail-features-subtitle{font-size:1.25rem;color:var(--gray-600);max-width:600px;line-height:1.6;font-weight:400}@media (min-width:640px){.portfolio-detail-features-subtitle{font-size:1.375rem}}@media (min-width:1024px){.portfolio-detail-features-subtitle{font-size:1.5rem;line-height:1.7}}.portfolio-detail-features-list{margin-top:2rem;color:var(--gray-700);line-height:1.8;font-size:1rem}@media (min-width:1024px){.portfolio-detail-features-list{margin-top:2.5rem;font-size:1.125rem}}.portfolio-detail-features-list ul{list-style:none;padding:0;margin:0}.portfolio-detail-features-list li{margin-bottom:1rem;padding-left:2rem;position:relative;font-weight:500}@media (min-width:1024px){.portfolio-detail-features-list li{margin-bottom:1.25rem;padding-left:2.5rem}}.portfolio-detail-features-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent-green);font-weight:700;font-size:1.25rem}.portfolio-detail-features-list li:last-child{margin-bottom:0}.portfolio-detail-features-list span,.portfolio-detail-features-list strong{color:var(--accent-purple);font-weight:600}.portfolio-detail-features-info{position:relative}.portfolio-detail-features-info-card{position:relative;background:var(--white);border-radius:1.5rem;padding:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);border:1px solid var(--gray-200)}@media (min-width:640px){.portfolio-detail-features-info-card{padding:2.5rem}}.portfolio-detail-features-info-glow{position:absolute;inset:-1rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:2rem;filter:blur(30px);opacity:.2;z-index:-1}.portfolio-detail-features-info-content{position:relative;z-index:10}.portfolio-detail-features-info-content h3{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem}@media (min-width:640px){.portfolio-detail-features-info-content h3{font-size:1.75rem;margin-bottom:2rem}}.portfolio-detail-features-info-items{display:flex;flex-direction:column;gap:1.5rem}.portfolio-detail-features-info-item{display:flex;flex-direction:column;gap:.5rem}.portfolio-detail-features-info-label{font-size:.975rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.portfolio-detail-features-info-value{font-size:1rem;font-weight:500;color:var(--gray-900)}@media (min-width:640px){.portfolio-detail-features-info-value{font-size:1.125rem}}.portfolio-detail-features-info-link{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:var(--white);font-weight:600;text-decoration:none;border-radius:.75rem;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px rgba(124,58,237,.3);position:relative;overflow:hidden}@media (min-width:640px){.portfolio-detail-features-info-link{font-size:1.125rem;padding:1rem 1.75rem}}.portfolio-detail-features-info-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,58,237,.4)}.portfolio-detail-features-info-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-blue),var(--theme-color-3));opacity:0;transition:opacity .3s ease}.portfolio-detail-features-info-link:hover:before{opacity:1}.portfolio-detail-features-info-link-text{position:relative;z-index:2}.portfolio-detail-features-info-link-icon{width:1.125rem;height:1.125rem;transition:transform .3s ease;position:relative;z-index:2}.portfolio-detail-features-info-link:hover .portfolio-detail-features-info-link-icon{transform:translateX(4px)}.portfolio-detail-features-info-url{display:flex;flex-direction:column;gap:.75rem}.portfolio-detail-features-info-url-display{padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--gray-700);word-break:break-all;line-height:1.4}@media (min-width:640px){.portfolio-detail-features-info-url-display{font-size:.9375rem}}.portfolio-detail-features-info-deco-tl{position:absolute;top:-.5rem;left:-.5rem;width:1.5rem;height:1.5rem;border:2px solid var(--accent-purple);border-radius:50%;opacity:.4}.portfolio-detail-features-info-deco-br{position:absolute;bottom:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;border:2px solid var(--accent-blue);border-radius:50%;opacity:.4}@media (max-width:1024px){.portfolio-detail-hero-section{padding:3rem 0 2rem;min-height:80vh}.portfolio-detail-features-section,.portfolio-detail-gallery-section{padding:4rem 0}}@media (max-width:768px){.portfolio-detail-hero-section{padding:2rem 0 1.5rem;min-height:70vh}.portfolio-detail-features-section,.portfolio-detail-gallery-section{padding:3rem 0}.portfolio-detail-features-header,.portfolio-detail-gallery-header{margin-bottom:3rem}.portfolio-detail-features-grid{gap:2rem}}@media (max-width:480px){.portfolio-detail-features-container,.portfolio-detail-gallery-container,.portfolio-detail-hero-container{padding:0 .75rem}.portfolio-detail-features-info-card,.portfolio-detail-gallery-slider-container{padding:1.5rem}}.text-gradient{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media (max-width:1024px){.portfolio-hero-section{padding:6rem 0 4rem}.portfolio-filter-container,.portfolio-grid-container,.portfolio-hero-container{padding:0 1.5rem}.portfolio-hero-stats{gap:1.5rem}.portfolio-filter-tabs{gap:.75rem}}@media (max-width:768px){.portfolio-hero-section{padding:4rem 0 3rem}.portfolio-filter-section{padding:3rem 0}.portfolio-grid-section{padding:3rem 0 4rem}.portfolio-filter-container,.portfolio-grid-container,.portfolio-hero-container{padding:0 1rem}.portfolio-hero-stats{flex-direction:column;gap:1rem}.portfolio-hero-stat-divider{width:2rem;height:1px;transform:rotate(90deg)}.portfolio-filter-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.portfolio-filter-tab{white-space:nowrap;flex-shrink:0}.portfolio-image-wrapper{height:200px}.portfolio-content{height:auto;min-height:180px}}@media (max-width:480px){.portfolio-hero-title{font-size:2rem}.portfolio-filter-title{font-size:1.75rem}.portfolio-filter-subtitle{font-size:1rem}.portfolio-filter-tab{padding:.5rem 1rem;font-size:.875rem}.portfolio-grid{grid-template-columns:1fr;gap:1rem}.portfolio-content{padding:1rem}}