*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif}.portfolio{min-height:100vh;padding-top:var(--navbar-height);--navbar-height:76px;transition:background .3s,color .3s;position:relative}.portfolio.dark{color:#fafafa;background:#0a0a0a}.portfolio.light{color:#171717;background:#f5f5f5}.portfolio>:not(.bgEffects):not(.navbar){z-index:1;position:relative}.dark{--accent:#e5e5e5;--accent-soft:#a3a3a3;--red:#ef4444;--red-bright:#f87171;--red-deep:#dc2626;--red-glow:#ef444466;--red-glow-soft:#ef444424;--card:#141414e0;--border:#ffffff1f;--muted:#a3a3a3;--glow:#ffffff0d;--glow-strong:#ffffff14}.light{--accent:#404040;--accent-soft:#737373;--red:#dc2626;--red-bright:#ef4444;--red-deep:#b91c1c;--red-glow:#dc262659;--red-glow-soft:#dc262629;--card:#ffffffe6;--border:#0000001a;--muted:#525252;--glow:#00000012;--glow-strong:#0000001f}.bgEffects{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bgBase{background:radial-gradient(circle at 78% 20%, var(--red-glow-soft), transparent 36%), radial-gradient(circle at 18% 38%, var(--glow), transparent 30%), radial-gradient(circle at 50% 100%, #ffffff08, transparent 45%), linear-gradient(165deg, #050505 0%, #0a0a0a 50%, #000 100%);position:absolute;inset:0}.bgGrid{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.bgGridLeft{opacity:.28;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 28%);mask-image:linear-gradient(90deg,#000 0%,#0000 28%)}.bgGridRight{opacity:.18;-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 32%);mask-image:linear-gradient(270deg,#000 0%,#0000 32%)}.bgDots{pointer-events:none;background-image:radial-gradient(#a3a3a38c 1.2px,#0000 1.2px);background-size:18px 18px;position:absolute}.bgDotsLeft{opacity:.42;width:360px;height:540px;top:80px;left:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 100%)}.bgCircuit{pointer-events:none;position:absolute}.circuitLines path{stroke:#a3a3a338;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;fill:none}.circuitNodes circle{fill:#d4d4d473;filter:drop-shadow(0 0 4px #ffffff26)}.circuitNodes circle:nth-child(2),.circuitNodes circle:nth-child(5){fill:var(--red);filter:drop-shadow(0 0 6px var(--red-glow))}.bgCircuitLeft{opacity:.55;width:min(28vw,420px);height:auto;top:100px;left:-20px}.bgCircuitRight{opacity:.5;width:min(32vw,480px);height:auto;top:80px;right:-30px}.bgCircuitBottom{opacity:.35;width:min(55vw,600px);height:auto;bottom:60px;left:10%}.bgParticles{pointer-events:none;position:absolute;inset:0}.particle{background:#d4d4d499;border-radius:50%;position:absolute}.particleOne{width:4px;height:4px;top:18%;left:12%;box-shadow:0 0 10px #fff3}.particleTwo{opacity:.5;filter:blur(2px);width:6px;height:6px;top:42%;left:28%}.particleThree{width:3px;height:3px;top:65%;left:8%;box-shadow:0 0 8px #ffffff26}.particleFour,.particleFive{background:var(--red);box-shadow:0 0 12px var(--red-glow)}.particleFour{opacity:.75;filter:blur(1px);width:5px;height:5px;top:25%;right:18%}.particleFive{width:4px;height:4px;top:55%;right:8%}.particleSix{opacity:.35;filter:blur(3px);width:7px;height:7px;bottom:22%;right:32%}.bgGlow{pointer-events:none;border-radius:50%;position:absolute}.bgGlowLeft{background:radial-gradient(circle, var(--glow) 0%, transparent 68%);filter:blur(12px);width:460px;height:460px;top:24%;left:5%}.bgGlowRight{background:radial-gradient(circle, var(--red-glow-soft) 0%, transparent 65%);filter:blur(8px);width:560px;height:560px;top:8%;right:3%}.light .bgBase{background:radial-gradient(circle at 78% 18%, var(--red-glow-soft), transparent 38%), radial-gradient(circle at 16% 36%, var(--glow), transparent 32%), radial-gradient(circle at 50% 100%, #dc26260f, transparent 48%), linear-gradient(135deg, #fafafa 0%, #f0f0f0 50%, #fff 100%)}.light .bgGrid{background-image:linear-gradient(#00000012 1px,#0000 1px),linear-gradient(90deg,#00000012 1px,#0000 1px)}.light .bgGridLeft{opacity:.55}.light .bgGridRight{opacity:.4}.light .bgDots{background-image:radial-gradient(#52525280 1.2px,#0000 1.2px)}.light .bgDotsLeft{opacity:.55}.light .circuitLines path{stroke:#40404061}.light .circuitNodes circle{fill:#4040408c;filter:drop-shadow(0 0 4px #0000001f)}.light .circuitNodes circle:nth-child(2),.light .circuitNodes circle:nth-child(5){fill:var(--red);filter:drop-shadow(0 0 8px var(--red-glow))}.light .bgCircuit{opacity:.62}.light .bgCircuitBottom{opacity:.48}.light .particle{background:#5252528c}.light .particleOne,.light .particleThree{box-shadow:0 0 10px #0000001f}.light .particleTwo,.light .particleSix{background:#73737373}.light .bgGlowLeft,.light .bgGlowRight{opacity:.75}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:18px 8%;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 24px #00000026}.navRight{align-items:center;gap:28px;display:flex}.dark .navbar{background:#0a0a0aeb}.light .navbar{background:#ffffffe0;box-shadow:0 4px 24px #0000000f}.brand{color:inherit;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;text-decoration:none;display:flex}.brand span{color:var(--red);font-weight:900}.navLinks{gap:28px;display:flex}.navLinks a{color:inherit;opacity:.88;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s,opacity .2s}.navLinks a:hover{color:var(--red-bright);opacity:1}.navDesktopControls{flex-shrink:0;align-items:center;gap:12px;display:flex}.navMobileControls{display:none}.navToggle{border:1px solid var(--border);width:42px;height:42px;color:inherit;cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:1.25rem;transition:border-color .2s,background .2s,color .2s;display:none}.navToggle:hover{border-color:var(--red);color:var(--red-bright)}.navBackdrop{display:none}.languageToggle{border:1px solid var(--border);background:#ffffff0d;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px;display:flex}.langBtn{min-width:36px;height:28px;color:var(--text-muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 10px;font-size:.75rem;font-weight:600;transition:background .2s,color .2s}.langBtn.active{background:var(--accent);color:#fff}.themeToggle{border:1px solid var(--border);width:76px;height:36px;color:var(--accent-soft);cursor:pointer;background:#ffffff0d;border-radius:999px;flex-shrink:0;justify-content:space-around;align-items:center;font-size:.9rem;display:flex;position:relative}.toggleCircle{background:var(--red);border-radius:50%;width:28px;height:28px;transition:transform .3s;position:absolute;left:4px}.light .toggleCircle{background:var(--red-deep)}.toggleCircle.dark{transform:translate(39px)}.hero{z-index:2;min-height:calc(100vh - var(--navbar-height));grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:72px 8% 90px;display:grid;position:relative}.heroBadge,.sectionHeader span,.aboutContent span,.contactContainer span{color:var(--red-bright);letter-spacing:2px;text-transform:uppercase;font-size:.82rem;font-weight:700;display:inline-block}.textHighlight{color:var(--red);text-shadow:0 0 40px var(--red-glow-soft)}h1{letter-spacing:-.02em;max-width:780px;margin:0 0 16px;font-size:clamp(2.4rem,4.2vw,4.5rem);font-weight:800;line-height:1.08}.heroContent h1{margin-bottom:12px}.heroBadge{margin-top:0}.heroTagline{max-width:620px;margin-top:20px;font-size:1.05rem;line-height:1.75}h2{margin:12px 0 18px;font-size:clamp(1rem,4vw,3.6rem);line-height:1.08}p{color:var(--muted);font-size:1.12rem;line-height:1.7}.heroContent p{max-width:620px;font-size:1.05rem;line-height:1.75}.statsSection{z-index:3;padding:0 8% 40px;position:relative}.statsGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.statCard{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;border-radius:20px;padding:28px 24px;transition:transform .25s,box-shadow .25s}.statCard:hover{box-shadow:0 0 36px var(--red-glow-soft);border-color:#ef44444d;transform:translateY(-4px)}.statCard strong{color:var(--red);font-size:clamp(2rem,3vw,2.8rem);font-weight:900;line-height:1;display:block}.statCard span{color:var(--muted);margin-top:10px;font-size:.92rem;font-weight:700;display:block}.heroActions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.btnPrimary,.btnSecondary{border-radius:10px;align-items:center;gap:10px;padding:14px 26px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btnPrimary{background:var(--red);color:#fff;box-shadow:0 0 24px var(--red-glow), 0 4px 14px #00000059;border:none}.btnPrimary:hover{background:var(--red-bright);box-shadow:0 0 32px var(--red-glow), 0 6px 18px #0006;transform:translateY(-1px)}.btnSecondary{border:1px solid var(--border);color:inherit;background:0 0}.btnSecondary:hover{background:var(--red-glow-soft);border-color:var(--red);color:var(--red-bright)}.light .btnPrimary{background:var(--red-deep);color:#fff;box-shadow:0 4px 14px var(--red-glow-soft)}.light .btnPrimary:hover{background:var(--red)}.light .btnSecondary:hover{background:var(--red-glow-soft);border-color:var(--red)}.heroVisual{position:relative}.visualGlow{background:radial-gradient(circle, var(--red-glow-soft) 0%, transparent 70%);filter:blur(60px);position:absolute;inset:5% 0}.dashboardMockup{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 40px #00000080, 0 0 60px var(--red-glow-soft), inset 0 1px 0 #ffffff0f;background:#0e0e0ee6;border:1px solid #ef444440;border-radius:24px;padding:16px;position:relative}.mockupHeader{justify-content:space-between;align-items:center;padding:10px 12px 18px;display:flex}.mockupHeader div{gap:8px;display:flex}.mockupHeader span{border-radius:50%;width:10px;height:10px}.mockupHeader span:first-child{background:var(--red);box-shadow:0 0 8px var(--red-glow)}.mockupHeader span:nth-child(2),.mockupHeader span:nth-child(3){background:var(--accent-soft)}.mockupHeader p{color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.mockupBody{background:linear-gradient(145deg,#ffffff0a 0%,#0000 55%),#080808f2;border-radius:18px;min-height:380px;padding:22px}.light .mockupBody{background:linear-gradient(135deg,#00000008,#0000),#fffffff2}.mockupPanel,.mockupStats div,.mockupFooter div{border:1px solid var(--border);background:var(--card);border-radius:18px}.mainPanel{padding:22px 24px}.mainPanel svg{color:var(--red);margin-bottom:8px;font-size:2rem}.mainPanel h3{margin:0 0 4px;font-size:1.35rem;font-weight:700}.mainPanel p{margin:0;font-size:.9rem}.mockupStats{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.mockupStats div{text-align:left;padding:16px 18px}.mockupStats strong{color:var(--red);font-size:1.85rem;font-weight:800;line-height:1.1;display:block}.mockupStats span{color:var(--muted);margin-top:4px;font-size:.88rem;font-weight:500;display:block}.mockupChart{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff0a,#0000);border-radius:18px;align-items:end;gap:14px;height:110px;margin-top:18px;padding:20px;display:flex}.mockupChart span{background:linear-gradient(to top, var(--red-deep), var(--red-bright));border-radius:8px 8px 0 0;width:24%;animation:1.8s ease-in-out infinite alternate bars}.mockupChart span:first-child{height:40%}.mockupChart span:nth-child(2){height:70%;animation-delay:.2s}.mockupChart span:nth-child(3){height:55%;animation-delay:.4s}.mockupChart span:nth-child(4){height:88%;animation-delay:.6s}@keyframes bars{0%{opacity:.65;transform:scaleY(.75)}to{opacity:1;transform:scaleY(1)}}.mockupFooter{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.mockupFooter div{color:var(--muted);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.9rem;font-weight:600;display:flex}.mockupFooter svg{color:var(--red)}.features{z-index:3;border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;padding:24px 8%;display:grid;position:relative}.featureItem{background:var(--card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;padding:14px;font-weight:800;transition:border-color .2s;display:flex}.featureItem svg{color:var(--red);font-size:1.3rem}.featureItem:hover{border-color:#ef444459}.section{z-index:2;border-top:1px solid var(--border);padding:90px 8%;position:relative}.sectionHeader{max-width:820px;margin-bottom:36px}.stackSection{padding-top:70px;padding-bottom:70px}.stackSection .sectionHeader{margin-bottom:28px}.techGrid{flex-wrap:wrap;gap:10px;display:flex}.techCard{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;align-items:center;gap:8px;min-height:auto;padding:8px 14px;font-size:.88rem;font-weight:700;transition:border-color .2s,transform .2s;display:inline-flex}.techCard:hover{box-shadow:0 0 20px var(--red-glow-soft);border-color:#ef44444d;transform:translateY(-2px)}.light .techCard:hover{box-shadow:0 4px 16px var(--red-glow-soft)}.techIcon{flex-shrink:0;font-size:1.35rem}.aboutSection .sectionHeader{max-width:1240px}.aboutContent{grid-template-columns:1fr minmax(340px,420px);align-items:start;gap:28px 56px;display:grid}.aboutContent>p{margin:0;line-height:1.7}.aboutHighlight{border:1px solid var(--border);border-left:4px solid var(--red);background:var(--card);box-shadow:0 0 32px var(--glow);border-radius:16px;margin:0;padding:22px 26px}.aboutHighlight h3{color:var(--red-bright);margin:0 0 8px;font-size:.92rem}.aboutHighlight p{color:inherit;opacity:.92;margin:0;font-size:.88rem;line-height:1.55}@media (width<=820px){.aboutContent{grid-template-columns:1fr}}.integrationsGrid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}@media (width<=1200px){.integrationsGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.integrationsGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.integrationsGrid{grid-template-columns:1fr}}.integrationCards{gap:18px;display:grid}.integrationCard{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;padding:16px;box-shadow:0 0 36px #00000040}.integrationIcon{font-size:1.9rem}.integrationCard h3{margin-bottom:5px;font-size:.95rem}.integrationCard p{margin:0;font-size:.82rem;line-height:1.45}.projectsGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1200px){.projectsGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.projectsGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.projectsGrid{grid-template-columns:1fr}}.projectCard{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;min-height:240px;padding:22px;position:relative;overflow:hidden;box-shadow:0 0 38px #0003}.projectViewLink{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:var(--red-bright);font-size:.78rem;font-weight:800;text-decoration:none;transition:color .2s,opacity .2s;position:absolute;top:16px;right:16px}.projectViewLink:hover{color:var(--red);opacity:.9}.projectCard h3{padding-right:3rem;font-size:1.15rem}.projectGlow{background:var(--red-glow-soft);filter:blur(45px);width:130px;height:130px;position:absolute;top:-50px;right:-50px}.projectCard p{font-size:.92rem;line-height:1.55}.projectCard span{color:var(--red);font-weight:900}.stackCategories{grid-template-columns:repeat(3,1fr);gap:20px 24px;display:grid}.stackCategory h3{color:var(--red-bright);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.stackCategory:last-child{grid-column:1/-1}@media (width<=980px){.stackCategories{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.stackCategories{grid-template-columns:1fr}}.experienceList{gap:20px;display:grid}.experienceCard{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:28px 32px}.experienceHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.experienceCard h3{margin:0 0 4px;font-size:1.35rem}.experienceRole{color:var(--red-bright);margin:0;font-size:.98rem;font-weight:700}.experiencePeriod{color:var(--muted);white-space:nowrap;font-size:.92rem;font-weight:700}.experienceCard ul{margin:0;padding-left:18px}.experienceCard li{color:var(--muted);margin:8px 0;line-height:1.6}.servicesGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.serviceCard{border:1px solid var(--border);background:var(--card);border-radius:20px;align-items:center;gap:14px;padding:28px 24px;font-weight:800;transition:border-color .2s,transform .2s;display:flex}.serviceCard svg{color:var(--red);flex-shrink:0;font-size:1.4rem}.serviceCard:hover{border-color:#ef444459;transform:translateY(-3px)}.siteFooter{z-index:2;border-top:1px solid var(--border);text-align:center;padding:40px 8% 50px;position:relative}.footerName{color:inherit;margin:0 0 6px;font-size:1.05rem;font-weight:900}.footerRole{color:var(--muted);margin:0 0 8px;font-size:.92rem;font-weight:600}.footerLocation{color:var(--muted);margin:0 0 12px;font-size:.88rem}.footerCopy{color:var(--muted);margin:0;font-size:.85rem}.contactSection{padding-bottom:110px}.contactContainer{text-align:center;border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:32px;max-width:900px;margin:0 auto;padding:54px;box-shadow:0 0 60px #0000004d}.contactButtons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px;display:flex}.contactButton{color:inherit;border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;padding:14px 22px;font-weight:900;text-decoration:none;display:flex}.contactButton svg{color:var(--red)}.contactButton:hover{border-color:var(--red);background:var(--red-glow-soft)}@media (width<=980px){.navDesktopControls{display:none}.navRight{gap:0}.navToggle{display:inline-flex}.navBackdrop{inset:var(--navbar-height) 0 0;z-index:999;cursor:pointer;background:#00000073;border:0;padding:0;display:block;position:fixed}.light .navBackdrop{background:#00000040}.navLinks{top:var(--navbar-height);z-index:1001;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #0000;flex-direction:column;align-items:stretch;gap:0;max-height:0;padding:0 8%;transition:max-height .3s,padding .3s,border-color .3s;position:fixed;left:0;right:0;overflow:hidden}.dark .navLinks{background:#0a0a0afa}.light .navLinks{background:#fffffffa}.navbar.menuOpen .navLinks{border-bottom-color:var(--border);max-height:420px;padding:12px 8% 20px}.navLinks a{border-bottom:1px solid var(--border);padding:14px 0;font-size:1rem}.navMobileControls{justify-content:center;align-items:center;gap:16px;padding-top:18px;display:flex}.hero,.statsGrid{grid-template-columns:1fr}.statsGrid{grid-template-columns:repeat(2,1fr)}.hero,.section{padding:70px 24px}}@media (width<=560px){h1{font-size:2.5rem}.mockupBody{min-height:auto;padding:18px}.mockupStats,.mockupFooter{grid-template-columns:1fr}.contactContainer{padding:34px 22px}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}