:root{--portfolio-primary:#7a30d8;--portfolio-purple-grad:linear-gradient(135deg,#7a30d8,#4c11a6);--portfolio-secondary:#ff8c00;--portfolio-bg-white:#ffffff;--portfolio-bg-slate:#fcfbfa;--portfolio-text-dark:#080810;--portfolio-text-muted:#5e6b7e;--portfolio-border:rgba(122,48,216,0.12);--portfolio-primary-rgb:122,48,216}.portfolio-page{font-family:Outfit,sans-serif;color:var(--portfolio-text-dark);background-color:var(--portfolio-bg-white);min-height:100vh;overflow-x:hidden}.portfolio-section{padding:100px 8%;position:relative;z-index:10}.section-bg-slate{background:var(--portfolio-purple-grad)!important;color:#ffffff!important}.section-bg-slate .section-tag{color:#00f2fe!important}.section-bg-slate .section-title{color:#ffffff!important}.section-bg-slate .section-desc{color:rgba(255,255,255,.85)!important}.section-bg-slate .matrix-card,.section-bg-slate .testimonial-card,.section-bg-slate .trust-grid{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important;color:#ffffff!important}.section-bg-slate .matrix-card-title,.section-bg-slate .testimonial-author,.section-bg-slate .trust-item h3{color:#ffffff!important}.section-bg-slate .matrix-card-desc,.section-bg-slate .testimonial-quote,.section-bg-slate .trust-item p{color:rgba(255,255,255,.85)!important}.section-bg-purple{background:var(--portfolio-purple-grad);color:#ffffff}.section-tag{color:var(--portfolio-primary);font-weight:700;letter-spacing:2px;font-size:.85rem;text-transform:uppercase;margin-bottom:15px;display:inline-block;font-family:Space Grotesk,sans-serif}.section-bg-purple .section-tag{color:var(--portfolio-secondary)}.section-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,3.5vw,3.8rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--portfolio-text-dark);margin-bottom:24px}.section-bg-purple .section-title{color:#ffffff}.section-desc{color:var(--portfolio-text-muted);font-size:1.15rem;line-height:1.6;max-width:700px;margin:0 auto 50px;text-align:center}.section-bg-purple .section-desc{color:rgba(255,255,255,.8)}.p-btn-primary{background-color:var(--portfolio-primary);color:#ffffff;padding:12px 28px;border-radius:999px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 14px rgba(var(--portfolio-primary-rgb),.25);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.p-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--portfolio-primary-rgb),.35);background-color:#5a1fc8}.p-btn-outline{background-color:transparent;color:var(--portfolio-primary);padding:12px 28px;border-radius:999px;font-weight:600;font-size:.95rem;border:2px solid var(--portfolio-primary);cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.p-btn-outline:hover{background-color:rgba(var(--portfolio-primary-rgb),.04);transform:translateY(-2px)}.portfolio-hero-container{display:grid;grid-template-columns:1fr;gap:60px;align-items:center;padding-top:160px}@media (min-width:1024px){.portfolio-hero-container{grid-template-columns:1.15fr .85fr}}.hero-text-wrap{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-heading{font-family:Space Grotesk,sans-serif;font-size:clamp(2.6rem,4.5vw,4.2rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--portfolio-text-dark);margin-bottom:20px}.hero-desc{font-size:1.2rem;line-height:1.6;color:var(--portfolio-text-muted);margin-bottom:35px;max-width:620px}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.hero-screens-wrap{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center}.screen-laptop{width:280px;height:175px;background:#080810;border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.15);border:1px solid var(--portfolio-border);position:relative;z-index:5}.screen-tablet{width:140px;height:220px;background:#ffffff;box-shadow:0 20px 40px rgba(0,0,0,.1);left:10%;top:10%;z-index:3}.screen-phone,.screen-tablet{border-radius:16px;border:1px solid var(--portfolio-border);position:absolute}.screen-phone{width:90px;height:180px;background:#080810;box-shadow:0 15px 35px rgba(0,0,0,.12);right:12%;bottom:12%;z-index:8;overflow:hidden}.section-stats-2026{background:linear-gradient(135deg,#4c11a6,#1a0536)!important;position:relative;overflow:hidden;padding:80px 8%!important;z-index:10;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.stats-2026-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1000px;height:350px;background:radial-gradient(ellipse at center,rgba(151,71,255,.25) 0,rgba(0,242,254,.15) 45%,transparent 70%);pointer-events:none;z-index:1}.stats-2026-header{text-align:center;margin-bottom:45px;position:relative;z-index:2}.stats-2026-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,242,254,.1);border:1px solid rgba(0,242,254,.3);color:#00f2fe;font-size:.8rem;font-weight:700;letter-spacing:2px;padding:6px 16px;border-radius:99px;text-transform:uppercase;margin-bottom:14px;box-shadow:0 0 15px rgba(0,242,254,.2)}.stats-2026-badge,.stats-2026-title{font-family:Space Grotesk,sans-serif}.stats-2026-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:#ffffff;letter-spacing:-.02em}.stats-grid-2026{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative;z-index:2}.stat-card-2026{background:rgba(255,255,255,.05);backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.14);border-radius:20px;padding:28px 20px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.stat-card-2026:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00f2fe,#9747ff 50%,#f5ef52);opacity:.6;transition:opacity .3s ease}.stat-card-2026:hover{transform:translateY(-8px) scale(1.02);background:rgba(255,255,255,.1);border-color:rgba(0,242,254,.4);box-shadow:0 25px 50px rgba(0,0,0,.35),0 0 30px rgba(0,242,254,.25)}.stat-card-2026:hover:before{opacity:1}.stat-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stat-code{font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:1.5px;color:rgba(255,255,255,.6);text-transform:uppercase}.stat-status-dot{width:8px;height:8px;border-radius:50%;background-color:#00f2fe;box-shadow:0 0 8px #00f2fe}.stat-number-2026{font-size:clamp(2.4rem,3.2vw,3.6rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin-bottom:12px;background:linear-gradient(180deg,#ffffff,#d8b4fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(151,71,255,.3))}.stat-number-2026,.stat-title-2026{font-family:Space Grotesk,sans-serif}.stat-title-2026{font-size:1rem;font-weight:700;color:#ffffff;margin-bottom:4px}.stat-sub-2026{font-size:.8rem;color:rgba(255,255,255,.7);margin:0;line-height:1.4}@media (max-width:1100px){.stats-grid-2026{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:680px){.stats-grid-2026{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card-2026{padding:20px 14px}}.filter-tabs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:45px}.filter-tab{background:#ffffff;border:1px solid var(--portfolio-border);padding:10px 20px;border-radius:99px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;color:var(--portfolio-text-muted);font-family:Space Grotesk,sans-serif}.filter-tab.active,.filter-tab:hover{background:var(--portfolio-primary);color:#ffffff;border-color:var(--portfolio-primary);box-shadow:0 4px 14px rgba(var(--portfolio-primary-rgb),.25)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.project-card{background:#ffffff;border-radius:20px;border:1px solid var(--portfolio-border);overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;text-align:left}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(var(--portfolio-primary-rgb),.08);border-color:rgba(var(--portfolio-primary-rgb),.2)}.project-img-holder{width:100%;height:220px;position:relative;overflow:hidden}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-img{transform:scale(1.05)}.project-badge{position:absolute;top:16px;right:16px;background:var(--portfolio-primary);color:#ffffff;padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:700;z-index:5}.project-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.project-industry{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--portfolio-secondary)}.project-title{font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700;color:var(--portfolio-text-dark)}.project-desc{font-size:.95rem;line-height:1.5;color:var(--portfolio-text-muted)}.project-tech-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.tech-tag{background:var(--portfolio-bg-slate);border:1px solid var(--portfolio-border);padding:2px 8px;border-radius:4px;font-size:.75rem;color:var(--portfolio-text-muted);font-weight:600}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.tech-category-card{background:#ffffff;border:1px solid var(--portfolio-border);border-radius:16px;padding:24px;text-align:left}.tech-category-title{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;color:var(--portfolio-primary);margin-bottom:16px;border-bottom:2px solid var(--portfolio-border);padding-bottom:8px}.tech-list{display:flex;flex-wrap:wrap;gap:8px}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.industry-card{background:#ffffff;border:1px solid var(--portfolio-border);border-radius:16px;padding:24px;text-align:center;transition:all .25s ease}.industry-card:hover{transform:translateY(-4px);border-color:var(--portfolio-primary);box-shadow:0 10px 25px rgba(var(--portfolio-primary-rgb),.05)}.industry-icon{font-size:1.8rem;margin-bottom:12px;display:block}.industry-title{font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--portfolio-text-dark)}.timeline-wrap{position:relative;max-width:900px;margin:0 auto}.timeline-wrap:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--portfolio-border);transform:translateX(-50%)}@media (max-width:768px){.timeline-wrap:before{left:20px}}.timeline-item{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px;position:relative}@media (max-width:768px){.timeline-item{grid-template-columns:1fr;padding-left:50px;gap:16px}}.timeline-node{position:absolute;left:50%;top:0;width:16px;height:16px;background:var(--portfolio-primary);border:4px solid #ffffff;border-radius:50%;transform:translateX(-50%);z-index:5}@media (max-width:768px){.timeline-node{left:20px}}.timeline-content{background:#ffffff;border:1px solid var(--portfolio-border);border-radius:16px;padding:24px;text-align:left;box-shadow:0 10px 30px rgba(0,0,0,.02)}.timeline-item:nth-child(2n) .timeline-content{grid-column:2}.timeline-item:nth-child(odd) .timeline-content{grid-column:1}@media (max-width:768px){.timeline-item:nth-child(2n) .timeline-content,.timeline-item:nth-child(odd) .timeline-content{grid-column:1}}.timeline-step{font-size:.85rem;color:var(--portfolio-secondary);text-transform:uppercase;margin-bottom:6px}.timeline-step,.timeline-title{font-family:Space Grotesk,sans-serif;font-weight:700}.timeline-title{font-size:1.15rem;margin-bottom:8px}