.projects-shell,.recent-grid{all:unset;}.portfolio-section{background:linear-gradient(135deg,#0a1419 0%,#0f1f26 50%,#0a1419 100%);padding:8rem 0;position:relative;overflow:hidden;}.portfolio-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 50%,rgba(0,255,255,0.15) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(0,255,255,0.1) 0%,transparent 60%);animation:gentleGlow 10s ease-in-out infinite;pointer-events:none;z-index:0;}.portfolio-section::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,0.08) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1;}@keyframes gentleGlow{0%,100%{opacity:0.7;}50%{opacity:1;}}.projects-shell{--gap:2rem;max-width:1300px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--gap);position:relative;z-index:2;}.section-subheader{grid-column:1/-1;margin:2rem 0 1.5rem;}.section-subheader h3{margin:0;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#00ffff 0%,#00ffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;letter-spacing:-0.02em;}.section-subheader h3:after{content:"";position:absolute;left:0;bottom:-12px;width:80px;height:3px;background:linear-gradient(90deg,#00ffff 0%,rgba(0,255,255,0.3) 100%);border-radius:2px;}.subhead-cluster{grid-column:1 / -1;margin:2.5rem 0 1.5rem;text-align:left;}.subhead-title{display:flex;align-items:center;gap:0.6rem;margin:0 0 0.4rem;font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#00ffff,#00c3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;letter-spacing:-0.02em;}.glow-dot{width:10px;height:10px;border-radius:50%;background:#00ffff;box-shadow:0 0 8px rgba(0,255,255,0.6),0 0 20px rgba(0,255,255,0.3);flex-shrink:0;}.subhead-note{margin:0;font-size:0.95rem;color:rgba(255,255,255,0.55);font-weight:400;letter-spacing:0.01em;}.recent-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--gap);margin-bottom:2rem;min-height:auto;height:auto;align-items:stretch;}.project-card{position:relative;display:flex;flex-direction:column;background:rgba(0,0,0,0.4);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,0.15);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.3);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);min-height:100%;}.project-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(0,255,255,0.08) 0%,transparent 60%);opacity:0;transition:opacity 0.5s ease;pointer-events:none;z-index:0;}.project-card:hover{transform:translateY(-10px);border-color:rgba(0,255,255,0.4);background:rgba(0,0,0,0.6);box-shadow:0 20px 40px rgba(0,255,255,0.2),0 0 60px rgba(0,255,255,0.1),inset 0 1px 0 rgba(0,255,255,0.2);}.project-card:hover::before{opacity:1;}.project-card.recent{background:rgba(0,0,0,0.5);}.card-img{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000000;}.card-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);filter:brightness(0.95);}.project-card:hover .card-img img{transform:scale(1.08);filter:brightness(1);}.project-badge{position:absolute;top:12px;left:12px;background:transparent;border:2px solid rgba(0,255,255,0.5);color:#00ffff;font-size:0.7rem;font-weight:700;letter-spacing:1px;padding:0.4rem 0.9rem;border-radius:50px;text-transform:uppercase;box-shadow:0 4px 15px rgba(0,255,255,0.3);z-index:2;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.project-badge.alt{border-color:rgba(255,193,7,0.6);color:#ffc107;box-shadow:0 4px 15px rgba(255,193,7,0.3);}.card-body{display:flex;flex-direction:column;gap:1rem;padding:1.75rem;flex:1;position:relative;z-index:1;}.card-title{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:-0.01em;color:#ffffff;transition:color 0.3s ease;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.project-card:hover .card-title{color:#00ffff;}.meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.75rem;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.5);font-weight:600;margin:0;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.tag-list{display:flex;flex-wrap:wrap;gap:0.5rem;}.tag-small{font-size:0.7rem;font-weight:600;letter-spacing:0.5px;padding:0.35rem 0.75rem;border:1px solid rgba(0,255,255,0.2);background:rgba(0,255,255,0.05);color:#00ffff;border-radius:50px;transition:all 0.3s ease;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.tag-small:hover{background:rgba(0,255,255,0.15);border-color:rgba(0,255,255,0.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,255,255,0.3);}.desc{margin:0;font-size:0.95rem;line-height:1.7;color:rgba(255,255,255,0.65);flex:1;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.view-btn{background:transparent;border:2px solid rgba(0,255,255,0.3);color:#00ffff;font-size:0.85rem;letter-spacing:1px;font-weight:600;padding:0.75rem 1.5rem;border-radius:50px;display:inline-flex;align-items:center;gap:0.6rem;text-decoration:none;box-shadow:0 4px 15px rgba(0,255,255,0.3);transition:all 0.3s ease;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;text-transform:uppercase;}.view-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,rgba(0,255,255,0.15) 0%,rgba(0,255,255,0.1) 100%);border-color:rgba(0,255,255,0.6);box-shadow:0 8px 25px rgba(0,255,255,0.4);}.view-btn i{transition:transform 0.3s ease;}.view-btn:hover i{transform:translateX(3px);}.projects-cta{max-width:820px;margin:4rem auto 0;text-align:center;background:rgba(0,0,0,0.5);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,0.2);padding:3rem 2rem;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.3);}.projects-cta::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,255,255,0.08) 0%,transparent 70%);pointer-events:none;}.projects-cta h3{margin:0 0 1rem;font-size:2rem;font-weight:800;color:#ffffff;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;letter-spacing:-0.02em;position:relative;z-index:1;}.projects-cta p{margin:0 0 2rem;font-size:1rem;line-height:1.6;color:rgba(255,255,255,0.8);font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;position:relative;z-index:1;}.projects-cta .btn-primary{background:transparent;color:#00ffff;border:2px solid rgba(0,255,255,0.4);padding:0.9rem 2rem;font-size:0.95rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:50px;transition:all 0.3s ease;position:relative;z-index:1;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.projects-cta .btn-primary:hover{background:linear-gradient(135deg,rgba(0,255,255,0.15) 0%,rgba(0,255,255,0.1) 100%);border-color:rgba(0,255,255,0.7);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,255,255,0.3);}.project-card.featured-xl{grid-column:1/-1;}.project-card.featured-xl .featured-xl-title{color:#fff}@media (max-width:1100px){.projects-shell{--gap:1.8rem;padding:0 1.5rem}}@media (max-width:780px){.projects-shell{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.recent-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card-title{font-size:1.08rem}}@media (max-width:560px){.projects-shell{--gap:1.25rem;padding:0 1.05rem}.recent-grid{grid-template-columns:1fr}.card-body{padding:1rem 1rem 1.15rem}.card-title{font-size:1.02rem}.desc{font-size:.78rem}.view-btn{font-size:.68rem;padding:.55rem .85rem}}.exp-badge{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(0,255,255,.02));border:2px solid rgba(0,255,255,.3);border-radius:100px;backdrop-filter:blur(10px);box-shadow:0 10px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);}.modern-hero{position:relative;min-height:auto;display:flex;align-items:center;justify-content:center;padding:1.5rem 1.5rem 1rem;overflow:hidden;background:#000000;}@keyframes heroBackgroundShift{0%,100%{background-position:0% 0%,100% 100%,50% 50%,0 0;}33%{background-position:10% 15%,90% 85%,55% 45%,0 0;}66%{background-position:15% 5%,85% 95%,45% 55%,0 0;}}#portfolio-particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0.5;mix-blend-mode:screen;}.orb-1{width:800px;height:800px;background:radial-gradient(circle,rgba(0,255,255,0.3) 0%,rgba(0,220,255,0.15) 40%,transparent 70%);top:-300px;left:-300px;animation:orbFloat1 15s infinite ease-in-out;}.orb-2{width:700px;height:700px;background:radial-gradient(circle,rgba(0,200,255,0.25) 0%,rgba(0,255,255,0.12) 40%,transparent 70%);bottom:-250px;right:-250px;animation:orbFloat2 18s infinite ease-in-out reverse;}@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1);}25%{transform:translate(80px,-70px) scale(1.2);}50%{transform:translate(-60px,80px) scale(0.85);}75%{transform:translate(70px,50px) scale(1.15);}}@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(-90px,60px) scale(1.25);}66%{transform:translate(70px,-80px) scale(0.8);}}@keyframes orbSpin{0%{filter:blur(100px) brightness(1) hue-rotate(0deg);}100%{filter:blur(100px) brightness(1) hue-rotate(360deg);}}@keyframes orbPulse{0%,100%{opacity:0.5;filter:blur(100px) brightness(1);}50%{opacity:0.8;filter:blur(80px) brightness(1.5);}}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,255,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,0.08) 1px,transparent 1px);background-size:60px 60px;opacity:0.4;animation:gridShift 15s linear infinite;}@keyframes gridPulse{0%,100%{opacity:0.3;}50%{opacity:0.6;}}@keyframes gridShift{0%{background-position:0 0,0 0;}100%{background-position:60px 60px,60px 60px;}}.grid-pattern::before,.grid-pattern::after{display:none;}@keyframes cornerGlow{0%,100%{opacity:0.5;box-shadow:0 0 30px rgba(0,255,255,0.5),inset 0 0 20px rgba(0,255,255,0.2);}50%{opacity:1;box-shadow:0 0 60px rgba(0,255,255,0.9),inset 0 0 30px rgba(0,255,255,0.4);}}@keyframes cornerExpand{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}.hero-content{position:relative;z-index:2;max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0;}.title-wrapper{text-align:center;position:relative;margin-bottom:1rem;}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin:0;display:flex;flex-direction:column;align-items:center;gap:0;}.title-line{display:block;color:#ffffff;background:none;-webkit-text-fill-color:#ffffff;animation:slideIn 0.8s ease-out;}.title-line.accent{color:var(--secondary);background:none;-webkit-text-fill-color:var(--secondary);font-size:0.85em;letter-spacing:2px;line-height:1;margin-bottom:-0.05em;animation:slideIn 1s ease-out;}@keyframes gradientFlow{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}@keyframes textGlow{0%,100%{filter:drop-shadow(0 0 40px rgba(0,255,255,0.7)) drop-shadow(0 0 60px rgba(0,255,255,0.4));}50%{filter:drop-shadow(0 0 80px rgba(0,255,255,1)) drop-shadow(0 0 100px rgba(0,255,255,0.6));}}@keyframes slideIn{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}.title-underline{height:5px;width:140px;margin:1.5rem auto 0;background:linear-gradient(90deg,transparent,#00FFFF,#00D4FF,#00F5FF,transparent);background-size:200% 100%;animation:underlineSlide 3s ease-in-out infinite,underlinePulse 2s ease-in-out infinite;border-radius:10px;box-shadow:0 0 20px rgba(0,255,255,0.6);}@keyframes underlineSlide{0%,100%{background-position:0% 0%;}50%{background-position:100% 0%;}}@keyframes underlinePulse{0%,100%{box-shadow:0 0 30px rgba(0,255,255,0.8),0 0 50px rgba(0,255,255,0.4);transform:scaleX(1);height:5px;}50%{box-shadow:0 0 60px rgba(0,255,255,1),0 0 80px rgba(0,255,255,0.6);transform:scaleX(1.1);height:6px;}}@keyframes expand{from{width:0;}to{width:140px;}}.experience-section{animation:fadeInUp 1.2s ease-out;}.exp-badge{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 2.5rem;background:linear-gradient(135deg,rgba(0,255,255,0.15),rgba(0,200,255,0.08));border:2px solid rgba(0,255,255,0.4);border-radius:100px;backdrop-filter:blur(20px);box-shadow:0 10px 40px rgba(0,0,0,0.4),0 0 60px rgba(0,255,255,0.2),inset 0 1px 0 rgba(255,255,255,0.15);transition:all 0.3s ease;}.exp-badge:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 100px rgba(0,255,255,0.6),0 0 150px rgba(0,255,255,0.3),inset 0 2px 0 rgba(255,255,255,0.3);border-color:rgba(0,255,255,0.8);}.exp-number{display:flex;align-items:baseline;}.exp-number .num{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#00FFFF 0%,#00D4FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(0,255,255,0.6));}.exp-number .plus{font-size:2.2rem;font-weight:700;color:var(--secondary);margin-left:0.2rem;}.exp-label{display:flex;flex-direction:column;line-height:1.2;}.exp-label .top{font-size:0.95rem;color:rgba(255,255,255,0.8);font-weight:500;}.exp-label .bottom{font-size:1.2rem;font-weight:700;color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,0.3);}.tech-stack{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem;width:100%;max-width:900px;animation:fadeInUp 1.4s ease-out;}.tech-card{perspective:1000px;height:110px;}.tech-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.6s;transform-style:preserve-3d;}.tech-card:hover .tech-inner{transform:rotateY(180deg);}.tech-front,.tech-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,255,255,0.12),rgba(0,200,255,0.08));border:1.5px solid rgba(0,255,255,0.35);border-radius:18px;backdrop-filter:blur(15px);box-shadow:0 4px 20px rgba(0,0,0,0.3);transition:all 0.3s ease;}.tech-card:hover .tech-front{box-shadow:0 12px 40px rgba(0,255,255,0.5),0 0 60px rgba(0,255,255,0.3);border-color:rgba(0,255,255,0.7);transform:scale(1.05);}.tech-back{transform:rotateY(180deg);background:linear-gradient(135deg,var(--secondary),#00D4FF);border-color:rgba(255,255,255,0.3);}.tech-front i{font-size:2.2rem;color:var(--secondary);margin-bottom:0.5rem;filter:drop-shadow(0 0 10px rgba(0,255,255,0.5));}.tech-front span{font-size:0.95rem;font-weight:600;color:rgba(255,255,255,0.95);}.tech-back .exp{font-weight:700;color:#ffffff;font-size:1.05rem;text-shadow:0 2px 10px rgba(0,0,0,0.3);}.mission-card{width:100%;max-width:850px;animation:fadeInUp 1.6s ease-out;}@media (max-width:768px){.mission-card{display:none;}}.mission-text{background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.015));border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2.4rem 2.8rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden;box-shadow:0 24px 60px -30px rgba(0,0,0,0.9);display:flex;flex-direction:column;align-items:center;gap:16px;}.mission-text:before{display:none;}.mission-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:0.7rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--secondary);}.mission-eyebrow::before,.mission-eyebrow::after{content:"";width:24px;height:1px;background:rgba(0,255,255,0.4);}@keyframes shimmer{100%{left:100%;}}.mission-text p{font-size:1.12rem;line-height:1.7;color:rgba(255,255,255,0.72);margin:0;text-align:center;font-weight:400;letter-spacing:0;max-width:600px;}@media (max-width:768px){.mission-text p{display:none;}}.hero-backdrop::after{display:none;}@keyframes sparkleFloat{0%,100%{background-position:0% 0%,100% 100%,50% 50%,80% 10%,90% 60%,33% 85%,15% 70%;}25%{background-position:10% 20%,90% 80%,60% 40%,70% 20%,80% 70%,43% 75%,25% 80%;}50%{background-position:20% 10%,80% 90%,40% 60%,85% 15%,85% 55%,38% 80%,20% 65%;}75%{background-position:5% 25%,95% 75%,55% 45%,75% 5%,95% 65%,28% 90%,10% 75%;}}@keyframes sparkleTwinkle{0%,100%{opacity:0.6;}25%{opacity:1;}50%{opacity:0.7;}75%{opacity:0.9;}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);animation:bounce 2s infinite;}.scroll-indicator span{display:inline-block;width:8px;height:8px;background-color:rgba(0,255,255,0.6);border-radius:50%;margin:0 4px;animation:pulse 2s infinite;box-shadow:0 0 10px rgba(0,255,255,0.5);}.scroll-indicator span:nth-child(2){animation-delay:0.3s;}.scroll-indicator span:nth-child(3){animation-delay:0.6s;}.mouse{width:30px;height:50px;border:2px solid rgba(0,255,255,0.5);border-radius:25px;position:relative;}.wheel{width:4px;height:8px;background:var(--secondary);border-radius:2px;position:absolute;top:10px;left:50%;transform:translateX(-50%);animation:scroll 2s infinite;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0);}40%{transform:translateX(-50%) translateY(-10px);}60%{transform:translateX(-50%) translateY(-5px);}}@media (max-width:1024px){.modern-hero{min-height:55vh;padding:3rem 1.5rem 2.5rem;}.hero-title{font-size:3rem;}.tech-stack{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:600px;}}@media (max-width:768px){.modern-hero{min-height:auto;padding:3rem 1rem 2rem;}.hero-content{gap:1.5rem;padding:1.5rem 0;}.hero-title{font-size:2.5rem;gap:0.2rem;}.title-underline{width:100px;height:4px;margin:1rem auto 0;}.exp-badge{padding:1rem 1.8rem;gap:1rem;}.exp-number .num{font-size:2.8rem;}.exp-number .plus{font-size:1.8rem;}.exp-label .top{font-size:0.85rem;}.exp-label .bottom{font-size:1.05rem;}.tech-stack{grid-template-columns:repeat(3,1fr);gap:0.8rem;max-width:100%;}.tech-card{height:95px;}.tech-front i{font-size:1.8rem;}.tech-front span{font-size:0.85rem;}.tech-back .exp{font-size:0.95rem;}.mission-text{padding:1.8rem;border-radius:18px;}.mission-text p{font-size:1.05rem;line-height:1.7;}.orb-1,.orb-2{filter:blur(100px);}.grid-pattern{background-size:40px 40px;}.grid-pattern::before,.grid-pattern::after{width:150px;height:150px;}}@media (max-width:480px){.modern-hero{padding:2.5rem 0.75rem 1.5rem;}.hero-content{gap:1.2rem;}.hero-title{font-size:2rem;}.exp-badge{padding:0.8rem 1.5rem;gap:0.8rem;}.exp-number .num{font-size:2.2rem;}.exp-number .plus{font-size:1.5rem;}.exp-label .top{font-size:0.75rem;}.exp-label .bottom{font-size:0.95rem;}.tech-stack{grid-template-columns:repeat(2,1fr);gap:0.7rem;}.tech-card{height:85px;}.tech-front i{font-size:1.6rem;margin-bottom:0.3rem;}.tech-front span{font-size:0.75rem;}.tech-back .exp{font-size:0.85rem;}.mission-text{padding:1.5rem;}.mission-text p{font-size:0.95rem;line-height:1.6;}.grid-pattern::before,.grid-pattern::after{width:100px;height:100px;border-width:1.5px;}}@keyframes scroll{0%{opacity:1;top:10px;}100%{opacity:0;top:30px;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes pulse{0%{transform:scale(1);opacity:0.7;}50%{transform:scale(1.5);opacity:1;}100%{transform:scale(1);opacity:0.7;}}.portfolio-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;}.portfolio-featured{margin-bottom:4rem;background:linear-gradient(140deg,rgba(0,35,42,0.65),rgba(0,50,56,0.45));border:1px solid rgba(0,255,255,0.25);border-radius:20px;overflow:hidden;box-shadow:0 15px 35px -12px rgba(0,0,0,0.8);transition:all 0.4s ease;}.portfolio-featured:hover{transform:translateY(-8px);border-color:rgba(0,255,255,0.45);box-shadow:0 25px 45px -12px rgba(0,0,0,0.85),0 0 0 1px rgba(0,255,255,0.3);}.featured-content{display:grid;grid-template-columns:1.2fr 1fr;gap:0;}.featured-media{position:relative;overflow:hidden;height:100%;}.featured-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(0.16,0.8,0.3,1);filter:contrast(1.05) saturate(1.08);}.portfolio-featured:hover .featured-media img{transform:scale(1.08);}.featured-badge{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,var(--secondary),#00c8d5);color:#002a30;font-size:0.7rem;font-weight:700;letter-spacing:0.8px;padding:0.45rem 0.85rem 0.4rem;border-radius:40px;text-transform:uppercase;box-shadow:0 0 0 1px rgba(0,255,255,0.65),0 5px 15px -4px rgba(0,255,255,0.65);}.featured-details{padding:2.5rem;display:flex;flex-direction:column;gap:1.2rem;}.featured-title{margin:0;font-size:2rem;font-weight:800;background:linear-gradient(90deg,#fff,var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.featured-meta{display:flex;flex-wrap:wrap;gap:1.2rem;}.meta-stat{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.85);font-size:0.9rem;}.meta-stat i{color:var(--secondary);}.featured-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.3rem;}.tag{font-size:0.68rem;font-weight:600;letter-spacing:0.6px;padding:0.4rem 0.7rem;border:1px solid rgba(0,255,255,0.35);background:rgba(0,255,255,0.1);color:var(--secondary);border-radius:30px;transition:all 0.35s;}.tag:hover{background:var(--secondary);color:#013037;box-shadow:0 0 0 1px rgba(0,255,255,0.5),0 6px 16px -6px var(--secondary);}.featured-desc{font-size:0.92rem;line-height:1.6;color:rgba(255,255,255,0.8);margin:0.5rem 0 0;}.featured-actions{display:flex;gap:1rem;margin-top:auto;flex-wrap:wrap;}.section-header{margin:3rem 0 1.5rem;position:relative;}.section-header h2{font-size:1.8rem;font-weight:800;margin:0;background:linear-gradient(90deg,#fff,var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;}.section-header h2:after{content:"";position:absolute;left:0;bottom:-10px;width:80px;height:3px;background:var(--secondary);border-radius:2px;}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.8rem;}.portfolio-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(140deg,rgba(0,25,32,0.55),rgba(0,40,46,0.35));border:1px solid rgba(0,255,255,0.18);border-radius:16px;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 22px -8px rgba(0,0,0,0.7);transition:0.45s cubic-bezier(0.16,0.8,0.3,1);height:100%;}.portfolio-card:hover{transform:translateY(-8px);border-color:rgba(0,255,255,0.4);box-shadow:0 18px 38px -12px rgba(0,0,0,0.75),0 0 0 1px rgba(0,255,255,0.35);}.card-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#021b20;}.card-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:1s cubic-bezier(0.16,0.8,0.3,1);filter:contrast(1.05) saturate(1.06);}.portfolio-card:hover .card-media img{transform:scale(1.16) rotate(0.6deg);}.card-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--secondary),#7dffff);color:#003034;font-size:0.65rem;font-weight:700;letter-spacing:0.6px;padding:0.38rem 0.68rem 0.34rem;border-radius:40px;text-transform:uppercase;box-shadow:0 0 0 1px rgba(0,255,255,0.55),0 4px 12px -4px rgba(0,255,255,0.55);}.card-content{display:flex;flex-direction:column;gap:0.75rem;padding:1.15rem 1.15rem 1.35rem;flex:1;}.card-title{margin:0;font-size:1.22rem;font-weight:700;letter-spacing:0.4px;background:linear-gradient(90deg,#fff,var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.card-meta{font-size:0.68rem;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.55);font-weight:600;margin:0;}.card-tags{display:flex;flex-wrap:wrap;gap:0.45rem;}.card-desc{margin:0;font-size:0.84rem;line-height:1.5;color:rgba(255,255,255,0.78);flex:1;}.card-link{--btnGlow:rgba(0,255,255,0.55);background:linear-gradient(135deg,var(--secondary),#55ffff);color:#003034;border:none;font-size:0.74rem;letter-spacing:0.75px;font-weight:600;padding:0.65rem 1rem 0.6rem;border-radius:10px;display:inline-flex;align-items:center;gap:0.55rem;text-decoration:none;box-shadow:0 4px 16px -6px var(--btnGlow),0 0 0 1px rgba(0,255,255,0.4);transition:0.45s cubic-bezier(0.16,0.8,0.3,1);margin-top:auto;align-self:flex-start;}.card-link:hover{transform:translateY(-4px);box-shadow:0 10px 26px -6px var(--btnGlow),0 0 0 1px rgba(0,255,255,0.55);}.card-link i{transition:0.45s;}.card-link:hover i{transform:translateX(5px);}.btn-primary{--btnGlow:rgba(0,255,255,0.55);background:linear-gradient(135deg,var(--secondary),#55ffff);color:#003034;border:none;font-size:0.8rem;letter-spacing:0.75px;font-weight:600;padding:0.7rem 1.2rem;border-radius:10px;display:inline-flex;align-items:center;gap:0.55rem;text-decoration:none;box-shadow:0 4px 16px -6px var(--btnGlow),0 0 0 1px rgba(0,255,255,0.4);transition:0.45s cubic-bezier(0.16,0.8,0.3,1);}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 10px 26px -6px var(--btnGlow),0 0 0 1px rgba(0,255,255,0.55);}.btn-primary i{transition:0.45s;}.btn-primary:hover i{transform:translateX(5px);}.btn-secondary{background:rgba(0,255,255,0.1);color:var(--secondary);border:1px solid rgba(0,255,255,0.3);font-size:0.8rem;letter-spacing:0.5px;font-weight:600;padding:0.7rem 1.2rem;border-radius:10px;display:inline-flex;align-items:center;gap:0.55rem;text-decoration:none;transition:0.45s cubic-bezier(0.16,0.8,0.3,1);}.btn-secondary:hover{background:rgba(0,255,255,0.18);border-color:rgba(0,255,255,0.5);transform:translateY(-4px);box-shadow:0 10px 26px -10px rgba(0,255,255,0.3);}.integrated-portfolio{position:relative;padding:6rem 0 5rem;background:linear-gradient(180deg,#0b1217 0%,#091216 55%,#070e12 100%);overflow:hidden;}.portfolio-layer-bg::before,.portfolio-layer-bg::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.22;background:radial-gradient(circle at 30% 30%,rgba(0,255,255,.5),transparent 70%);top:-140px;left:-160px;pointer-events:none;}.portfolio-layer-bg::after{top:auto;bottom:-160px;left:auto;right:-120px;background:radial-gradient(circle at 70% 70%,rgba(0,180,255,.45),transparent 70%);}.glass-block{background:linear-gradient(140deg,rgba(255,255,255,0.04),rgba(0,255,255,0.04) 60%,rgba(0,255,255,0.08));border:1px solid rgba(0,255,255,0.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:22px;box-shadow:0 18px 40px -15px rgba(0,0,0,.6),0 0 0 1px rgba(0,255,255,.12);position:relative;}.featured-project{display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:3rem;align-items:stretch;padding:2.8rem 3rem;margin:0 auto 4.5rem;max-width:1250px;}@media (max-width:980px){.featured-project{grid-template-columns:1fr;padding:2.2rem 2rem;}}.fp-media{position:relative;border-radius:18px;overflow:hidden;background:#061018;border:1px solid rgba(0,255,255,0.15);min-height:300px;display:flex;align-items:center;justify-content:center;}.fp-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:1s cubic-bezier(.16,.8,.3,1);filter:contrast(1.05) saturate(1.04);}.featured-project:hover .fp-media img{transform:scale(1.14);}.fp-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.15) 45%,transparent 55% 100%);mix-blend-mode:overlay;opacity:.4;animation:shine 6s linear infinite;}@keyframes shine{0%{transform:translateX(-40%);}100%{transform:translateX(40%);}}.fp-badge{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--secondary),#6ef9ff);color:#012b30;font-size:.65rem;letter-spacing:.8px;font-weight:700;padding:.45rem .75rem .4rem;border-radius:50px;box-shadow:0 6px 18px -6px var(--secondary),0 0 0 1px rgba(0,255,255,.6);text-transform:uppercase;}.fp-body{display:flex;flex-direction:column;gap:1.3rem;position:relative;}.fp-title{font-size:2.1rem;margin:0;font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#fff,var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.9rem;}.accent-bar{display:inline-block;width:55px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--secondary),rgba(0,255,255,0));box-shadow:0 0 12px -2px var(--secondary);}.fp-desc{margin:0;line-height:1.55;font-size:1rem;color:rgba(255,255,255,.78);max-width:640px;}.fp-metrics{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;}.metric{background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.18);padding:.55rem .9rem .5rem;border-radius:10px;font-size:.74rem;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem;color:var(--secondary);font-weight:600;}.fp-tags{display:flex;flex-wrap:wrap;gap:.55rem;}.fp-tags span{font-size:.62rem;font-weight:600;letter-spacing:.6px;padding:.42rem .7rem .38rem;background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.28);color:var(--secondary);border-radius:28px;transition:.35s;}.fp-tags span:hover{background:var(--secondary);color:#013940;box-shadow:0 0 0 1px rgba(0,255,255,.55),0 6px 16px -6px var(--secondary);transform:translateY(-3px);}.fp-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.3rem;}.btn-primary.slim,.btn-secondary.slim{padding:.75rem 1.15rem .7rem;font-size:.75rem;letter-spacing:.7px;}@media (max-width:768px){.projects-shell{--gap:1.5rem;padding:0 1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}.featured-project{padding:1.25rem;}.fp-tags{flex-wrap:wrap;gap:0.4rem;margin-bottom:1rem;}.fp-tags span{font-size:0.65rem;padding:0.35rem 0.7rem;}.fp-actions{flex-wrap:wrap;gap:0.8rem;}}@media (max-width:580px){.projects-shell{grid-template-columns:1fr;}.integrated-grid{grid-template-columns:1fr;}.recent-grid,.home-portfolio-grid{grid-template-columns:1fr;gap:1.5rem;}.featured-project{display:block;}.fp-media{width:100%;max-height:240px;min-height:auto;margin-bottom:1.5rem;display:block;height:auto;}.fp-media img{height:auto;max-height:240px;object-fit:cover;width:100%;}.fp-body{width:100%;padding:0;}.project-card{margin-bottom:0.5rem;max-width:none;width:100%;}}.filter-btn{position:relative;overflow:hidden;}.filter-btn::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(0,255,255,0.7);opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%;}.filter-btn:active::after{animation:touch-ripple 0.8s ease-out;}@keyframes touch-ripple{0%{opacity:1;transform:scale(0);}100%{opacity:0;transform:scale(20);}}@media (max-width:768px){.filter-btn{padding:0.8rem 1.2rem;}.modern-filter-bar{padding:1rem;gap:0.8rem;}}@media (max-width:576px){.filter-btn{padding:0.7rem 1rem;font-size:0.8rem;min-height:40px;min-width:70px;}.filter-btn .count{margin-left:5px;}.modern-filter-bar{padding:0.8rem 0.6rem;gap:0.6rem;}}@media (max-width:480px){.filter-btn{padding:0.8rem 0.9rem;font-size:0.75rem;}.filter-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0.5rem;margin:0 -1rem;padding:0 1rem 0.5rem 1rem;}.modern-filter-bar{width:max-content;padding:0.8rem 0;}}.portfolio-hero{padding-top:80px;position:relative;z-index:1;}.portfolio-hero .title-wrapper{position:relative;z-index:2;}.integrated-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem;align-items:stretch;}.proj-card{position:relative;display:flex;flex-direction:column;background:rgba(0,0,0,0.4);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,0.15);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.3);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);}.proj-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(0,255,255,0.08) 0%,transparent 60%);opacity:0;transition:opacity 0.5s ease;pointer-events:none;z-index:0;}.proj-card:hover{transform:translateY(-10px);border-color:rgba(0,255,255,0.4);background:rgba(0,0,0,0.6);box-shadow:0 20px 40px rgba(0,255,255,0.2),0 0 60px rgba(0,255,255,0.1),inset 0 1px 0 rgba(0,255,255,0.2);}.proj-card:hover::before{opacity:1;}.pc-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;}.pc-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);filter:brightness(0.95);}.proj-card:hover .pc-media img{transform:scale(1.08);filter:brightness(1);}.pc-badge{position:absolute;top:12px;left:12px;background:transparent;border:2px solid rgba(0,255,255,0.5);color:#00ffff;font-size:0.7rem;font-weight:700;letter-spacing:1px;padding:0.4rem 0.9rem;border-radius:50px;text-transform:uppercase;box-shadow:0 4px 15px rgba(0,255,255,0.3);z-index:2;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.pc-body{display:flex;flex-direction:column;gap:1rem;padding:1.75rem;flex:1;position:relative;z-index:1;}.pc-body h4{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:-0.01em;color:#ffffff;transition:color 0.3s ease;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.proj-card:hover .pc-body h4{color:#00ffff;}.pc-text{margin:0;font-size:0.95rem;line-height:1.7;color:rgba(255,255,255,0.65);flex:1;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.pc-tags{display:flex;flex-wrap:wrap;gap:0.5rem;}.pc-tags span{font-size:0.7rem;font-weight:600;letter-spacing:0.5px;padding:0.35rem 0.75rem;border:1px solid rgba(0,255,255,0.2);background:rgba(0,255,255,0.05);color:#00ffff;border-radius:50px;transition:all 0.3s ease;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.pc-tags span:hover{background:rgba(0,255,255,0.15);border-color:rgba(0,255,255,0.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,255,255,0.3);}.pc-actions{display:flex;gap:0.75rem;flex-wrap:wrap;}.pc-link,.pc-btn{background:transparent;border:2px solid rgba(0,255,255,0.3);color:#00ffff;font-size:0.85rem;letter-spacing:1px;font-weight:600;padding:0.75rem 1.5rem;border-radius:50px;display:inline-flex;align-items:center;gap:0.6rem;text-decoration:none;box-shadow:0 4px 15px rgba(0,255,255,0.3);transition:all 0.3s ease;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;text-transform:uppercase;}.pc-link:hover,.pc-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,rgba(0,255,255,0.15) 0%,rgba(0,255,255,0.1) 100%);border-color:rgba(0,255,255,0.6);box-shadow:0 8px 25px rgba(0,255,255,0.4);}.pc-link i,.pc-btn i{transition:transform 0.3s ease;}.pc-link:hover i,.pc-btn:hover i{transform:translateX(3px);}.pc-btn-case-study{border-color:rgba(255,193,7,0.3);color:#ffc107;box-shadow:0 4px 15px rgba(255,193,7,0.2);}.pc-btn-case-study:hover{border-color:rgba(255,193,7,0.6);background:linear-gradient(135deg,rgba(255,193,7,0.15) 0%,rgba(255,193,7,0.1) 100%);box-shadow:0 8px 25px rgba(255,193,7,0.3);}.integrated-cta{max-width:820px;margin:4rem auto 0;text-align:center;padding:3.5rem 2.5rem;position:relative;z-index:1;}.integrated-cta::after{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent,#00ffff,transparent);border-radius:2px;}.cta-eyebrow{display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#00ffff;margin-bottom:1rem;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.integrated-cta h3{margin:0 0 1rem;font-size:2.2rem;font-weight:800;color:#ffffff;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;letter-spacing:-0.02em;}.integrated-cta p{margin:0 0 2rem;font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,0.7);font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;max-width:560px;margin-left:auto;margin-right:auto;margin-bottom:2rem;}.cta-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,255,255,0.1);}.cta-stat{display:flex;flex-direction:column;align-items:center;gap:0.3rem;}.cta-stat strong{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#00ffff,#55ffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.cta-stat span{font-size:0.72rem;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:rgba(255,255,255,0.5);font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.cta-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}.cta-actions .btn-primary{padding:0.9rem 2rem;font-size:0.9rem;border-radius:12px;font-weight:700;letter-spacing:0.5px;}.cta-actions .btn-outline{background:rgba(255,255,255,0.04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.9);padding:0.9rem 2rem;font-size:0.9rem;border-radius:12px;font-weight:600;letter-spacing:0.5px;display:inline-flex;align-items:center;gap:0.6rem;text-decoration:none;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:none;font-family:'Inter','Segoe UI',-apple-system,system-ui,sans-serif;}.cta-actions .btn-outline:hover{background:rgba(0,255,255,0.08);border-color:rgba(0,255,255,0.4);color:#ffffff;transform:translateY(-3px);box-shadow:0 8px 24px -8px rgba(0,255,255,0.25);}.cta-actions .btn-outline i{font-size:0.85em;opacity:0.7;transition:opacity 0.3s ease;}.cta-actions .btn-outline:hover i{opacity:1;}