.portfolio-page{min-height:100vh;padding-top:var(--space-16);overflow-x:hidden}.portfolio-hero{padding-top:var(--space-20);padding-bottom:var(--space-20);text-align:center;position:relative}.portfolio-hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(ellipse at center,rgba(0,217,255,.12) 0,rgba(139,92,246,.08) 40%,transparent 70%);z-index:-1;pointer-events:none}.portfolio-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--accent-primary);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.portfolio-hero__title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:var(--font-bold);margin-bottom:var(--space-6);line-height:var(--leading-tight)}.portfolio-hero__subtitle{font-size:var(--text-xl);color:var(--text-color-secondary);max-width:700px;margin:0 auto;line-height:var(--leading-relaxed)}.portfolio-hero__visual{max-width:900px;margin:0 auto;margin-top:var(--space-12)}.visual-banner{position:relative;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-12);overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center}.banner-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1px;opacity:.1}.grid-item{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);animation:pulse-grid 3s ease-in-out infinite}.grid-item:first-child{animation-delay:0s}.grid-item:nth-child(2){animation-delay:.2s}.grid-item:nth-child(3){animation-delay:.4s}.grid-item:nth-child(4){animation-delay:.6s}.grid-item:nth-child(5){animation-delay:.8s}.grid-item:nth-child(6){animation-delay:1s}@keyframes pulse-grid{0%,to{opacity:.3}50%{opacity:.8}}.banner-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:var(--gradient-primary);opacity:.15;filter:blur(80px);border-radius:50%;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.15}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.25}}.banner-content{position:relative;z-index:1;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);padding:var(--space-8)}.stat-item{text-align:center;padding:var(--space-6);background:rgba(0,0,0,.2);backdrop-filter:blur(8px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);transition:all .3s ease}.stat-item:hover{transform:translateY(-4px);border-color:var(--accent-primary);background:rgba(0,217,255,.1)}.stat-number{font-size:var(--text-5xl);font-weight:var(--font-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2);line-height:1}.stat-label{font-size:var(--text-sm);color:var(--text-color-secondary);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.portfolio-filters{padding-top:var(--space-8);padding-bottom:var(--space-8);text-align:center}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.filter-btn{padding:var(--space-3) var(--space-6);background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-color-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(0,217,255,.3)}.portfolio-section{padding-top:var(--space-8);padding-bottom:var(--space-20)}a.portfolio-card{text-decoration:none;color:inherit}.portfolio-card{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,217,255,.2);border-color:var(--accent-primary)}.portfolio-card__visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-color)}.portfolio-card__visual .pa{transition:transform .5s ease}.portfolio-card:hover .portfolio-card__visual .pa{transform:scale(1.04)}.portfolio-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(10,14,26,.85),rgba(10,14,26,.5) 45%,rgba(10,14,26,.9));display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-6);opacity:0;transition:opacity .3s ease}.portfolio-card:hover .portfolio-card__overlay{opacity:1}.portfolio-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.portfolio-card__tags .tag{padding:var(--space-1) var(--space-3);background:rgba(0,217,255,.2);border:1px solid var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.portfolio-card__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);text-decoration:none;align-self:flex-start;transition:all .3s ease}.portfolio-card__cta:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,217,255,.4);color:#fff}.portfolio-card__cta .arrow{transition:transform .3s ease}.portfolio-card__cta:hover .arrow{transform:translateX(4px)}.portfolio-card__content{padding:var(--space-8);flex:1 1;display:flex;flex-direction:column}.portfolio-card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-color);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.portfolio-card__client{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--accent-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.portfolio-card__description{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-color-secondary);margin-bottom:var(--space-6);flex:1 1}.portfolio-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--surface-border)}.portfolio-card__metrics .metric{text-align:center}.metric__value{font-size:var(--text-2xl);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-1)}.metric__label{font-size:var(--text-xs);color:var(--text-color-tertiary);line-height:var(--leading-tight)}@media (max-width:768px){.portfolio-page{padding-top:var(--space-12)}.portfolio-hero{padding:var(--space-12) 0 var(--space-8)}.portfolio-hero:before{width:100%;height:100%}.portfolio-section{padding-top:var(--space-6);padding-bottom:var(--space-12)}.portfolio-card__metrics{grid-template-columns:repeat(2,1fr)}.portfolio-card__content,.visual-banner{padding:var(--space-6)}.visual-banner{min-height:250px}.stats-grid{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)}.stat-number{font-size:var(--text-4xl)}.banner-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media (max-width:576px){.filter-buttons{gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.portfolio-card__metrics{grid-template-columns:1fr;gap:var(--space-3)}}